* {
	margin: 0;
	padding: 0;
}

body {
	background: #DCE1DB url(/image/layout/top_bg.png) repeat-x top left;
	width: 970px;
	color: #333333;
	font-size: 10pt;
	font-family: Georgia,"Times New Roman",Times,serif;
        letter-spacing: 0.1px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #bfbfbf url(/image/layout/wrap.gif);
	width: 970px;
	margin: 0px auto 0px auto;
text-align: left;
	}

/************************************************
*	Hyperlinks					  *
************************************************/

a, a:visited {
	color: #3c6e92;
	text-decoration: none;
	}
	
a:hover {
	color: #106f9f;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}

a.red {
	color: #d54448;
}

span.orange {
	color: #ffffff;
        background-color: #ffb400;
        padding: 2px 15px 2px 15px;
        margin: 3px 0px 3px 0px;
        }

span.orange_on {
	color: #ffffff;
        background-color: #ffb400;
        padding: 5px 15px 5px 15px;
        margin: 3px 0px 3px 0px;
        }

.right {
text-align: right;
float: right;
padding: 5px 10px 5px;
}

img.cut {
width: 162px;
height: 61px;
}

	
/************************************************
*	Top     									*
************************************************/

#top {
	width: 990px;
	height: 15px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background-image: url('/image/layout/header.jpg');
	width: 970px;
	height: 172px;
	color: #000000;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

#header h1 {
	color: #333333;
	font-size: 24px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 20px 0px 0px 20px;
	padding: 0px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #cccccc;
	font-size: 36px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#header h1 a:hover{
	color: #cccccc;
	text-decoration: none;
	}
	
#header a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

div.headerleft {
float: left;
position:inline;
}

div.headerright {
float: right;
}


/************************************************
*	Navbar      								*
************************************************/

#nav {
margin-top: 0px;
	color: #6581a4;
	background: url(/image/layout/nav_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
	width: 970px;

}
#nav ul {
margin: 0px 0 0 0px;
	padding-top: 0px;
	list-style-type: none;
	overflow: hidden;

	background-position: bottom left;
	background-repeat: repeat-x;

}

#nav li {
	display: block;
	float: left;
	font: 12px/15px Arial, Helvetica, sans-serif;
	background-image: url(/image/layout/nav_pipe2.gif);  
	background-repeat: no-repeat;
}
#nav li a {
	float: left;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px 25px 8px 25px;
}
#nav li a:hover {
	background-image: url(/image/layout/nav_on.png);
	background-position: bottom left;
}

#nav li a.active, #nav li a.active:hover {
	background-color: #000; 
	background-image: url(/image/layout/nav_on.png);
	color: #FFF;
	background-position: bottom left;
}
	
/************************************************
*	Homepage 		    	                    * 
************************************************/
	
#homepage {
        float: left;
	width: 648px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepage p {
/*	margin: 10px 0px 0px 155px;  */
/*	padding: 10px 10px 15px 155px;   */
	}
	
#homepage p img {
        float: left;
	}
	
#homepage a img {
	display: inline;
	}

img.imageleft {
        float: left;
	margin: 0px 10px 10px 0px;
}
	
#homepage ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#homepage ul li {
	background: #ffffff url(/image/layout/arrow.gif) no-repeat top left;
	list-style-type: none;
	margin: 0px 10px 0px 40px;
	padding: 0px 0px 0px 15px;
	}

#homepage ul li li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}
	
#homepagetop {
	background: #ffffff;
	float: left;
	width: 602px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}
	
#homepagetop p {
	font-size: 12px;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	}

#homepagebottom {
	float: left;
	width: 650px;
	margin: 4px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
/*	border-right: 1px solid #cccccc;  */
	}
	
#homepagebottom p {
	margin: 0px 10px 6px 10px;
	}

#homepagebottom table {
	margin: 0px 10px 6px 10px;
	}

div.mini {
font-size: 11px;
line-height: 100%;
}

#homepageleft {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	}

#homepageright {
	float: right;
	width: 380px;
	margin: 0px 10px 0 0;
	padding: 5px 0 0 0;
	}

.section {
	background: transparent;
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
	}

.sectionleft {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.sectionright {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

.inscription {
	float: right;
	margin: 0px 50px 0px 0px;
	padding: 0px;
	text-align: right;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 970px;
	margin: 0px auto 0px;
	padding: 0px;
	line-height: 17px;
	}

#content h1 {
	color: #3c6e92;
        display: block;
	background: #ffffff url('/image/layout/headline.jpg') no-repeat bottom left;
	font-size: 16px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: strong;
	margin:10px 0px 0px 0px;
        height: 25px;
	}

#content h1 a, #content h1 a:visited  {
       position:relative;
	color: #3c6e92;
	text-decoration: none;
        height: 0px;
	margin:0px 0px 10px 10px;
	padding: 0px;
	line-height=0;
	}

#content h1 a:hover {
        color: #0063dc;
	text-decoration: underline;
        height: 0px;
	}

#content h2 {
	color: #3c6e92;
	font-size: 15px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: strong;
       margin: 7px 8px 7px 8px;
	}

#content h2 a {
        margin: 7px 0px 0px 0px;
	font-size: 15px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: strong;
	}

.gal h2 {
color:#FFF;
}

#content h3 {
	color: #3c6e92;
	font-size: 14px;
        line-height: 140%;
        font-weight: 600;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 3px 0px;
	}

#content h3 a, #content h3 a:visited {
	color: #3c6e92;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h3 a:hover {
	color: #106f9f;
	text-decoration: underline;
	}

#content h4 {
	color: #6581a4;
        display: block;
	background: #ffffff url('/image/layout/headline.jpg') no-repeat bottom left;
	font-size: 16px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: strong;
	margin: 10px 0px 0px 0px;
        height: 25px;
	}

#content h4 a, #content h4 a:visited {
	color: #e34d28;
	font-size: 15px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h4 a:hover {
	color: #0063dc;
	text-decoration: underline;
	}

#content h5 {
	color: #3c6e92;
	font-size: 16px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
	}

#content h5 a, #content h5 a:visited {
	color: #3c6e92;
	font-size: 16px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

#content h5 a:hover {
color: #106f9f;
text-decoration: underline;
	}

#content img {
/*	padding: 0px 10px 10px 0px;   */
	}

#contentleft {
	float: left;
	width: 622px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}

#contentleft p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}

.divclear {
border-bottom: 0px;
width: 560px;
margin: 0px 0px 1px 0px;
clear:both;
}

.divline {
border-bottom: 1px dotted #ababab;
width: 638px;
margin: 10px 2px 10px 0px;
padding: 0px 0px 0px 10px;
clear:both;
}
	
.postarea {
	background: #ffffff;
	float: left;
	width: 585px;
	margin: 20px 35px 9px 30px;
	padding: 0px 0px 0px 10px;
	}

.postarea2 {
	background: #ffffff;
	float: left;
	width: 625px;
	margin: 0px 10px 9px -10px;
	padding: 0px 0px 0px 0px;
	}

#logomini2 {
	display: block;
        color: #5f85a3;
        font-size: 11px;
	background: #ffffff;
	float: left;
	width: 310px;
	margin: 0px 8px 5px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f1f1f1;
	}
	
#logomini2 a img {
	float: left;
	margin: 6px 4px 3px 0px;
	border: 1px solid #f1f1f1;
	}

#logomini3 {
	display: block;
        color: #5f85a3;
        font-size: 11px;
	background: #ffffff;
	float: left;
	width: 310px;
	margin: 0px 8px 5px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f1f1f1;
	}
	
#logomini3 a img {
	float: left;
	margin: 6px 4px 3px 0px;
	border: 1px solid #f1f1f1;
	}

#logomini {
	background: #ffffff;
	float: left;
	width: 300px;
	margin: 0px 10px10px 10px;
	padding: 9px 9px 10px 9px;
	border: 0px solid #f1f1f1;
	}
	
#logomini a img {
	float: left;
	margin: 5px 5px 10px 10px;
	padding: 2px;
	border: 0px solid #f1f1f1;
	}
	
#logomini a:hover img {
	float: left;
	margin: 5px 5px 10px 10px;
	padding: 2px;
	border: 0px solid #000000;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0px 10px 10px 0px;
	display: inline;
	border: 1px solid #f1f1f1;
	}

img.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 4px;
	display: inline;
	border: 1px solid #f1f1f1;
	}
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 320px;
	line-height: 18px;

	}
	
#sidebar p {
	padding: 0px;
	margin: 0px;
line-height:100%;
	}

#sidebar li
{
position: relative;
padding: 0px 25px 0px 30px;
margin: 0px 0px 0px 0px;
background-position: 20px -2px;
background-image: url(/image/layout/arrow.gif);
background-repeat: no-repeat;
line-height: 120%;

}

#sidebar img {
/* text-align: center; */
/* margin: 10px;   */
	}

#sidebar h1 {
	color: #b0b0b0;
        text-transform: uppercase;
	background: #ffffff url('http://www.monterritoirenumerique.org/image/layout/headline_s.gif') no-repeat left bottom;
	font-size: 14px;
        height: 25px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	line-height: 20px;
}
	
#sidebar h2 {
	font-size: 12px;
        line-height: 120%;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sidebar .billet {
	font-size: 16px;
	color: #3c6e92;
}

#sidebar h3 {
	color: #e34d28;
	font-size: 12px;
	font-family: Arial, Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sidebar h3 a
{
font-size: 12px;
color: #e34d28;
}

#sidebar h3 a:hover
{
font-size: 12px;
color: #0063dc;
text-decoration: underline;
}

#sidebar .inscription {
	background: #ffffff;
	width: 286px;
        height: 45px;
	margin: 0px 0px 5px 20px;
	padding: 0px;
	border: 0px;
	}

.inscrivez-vous {
margin: 0px 0px 20px 0px;
}

/************************************************
*	Footer  									*
************************************************/

#footer {
	background: #e7e7e7;
	height: 50px;
	width: 970px;
	color: #106f9f;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#footer p {
	color: #106f9f;
	margin: 0px;	
	padding: 0px;
	position: relative; 
	top: 5px;
	left: 0px;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a {
	color: #106f9f;
	text-decoration: none;
	}

#footer a:hover {
	color: #106f9f;
	text-decoration: underline;
	}
	
.footerleft {
display: inline;
	width: 300px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 10px;
	}
	
.footerright {
display: inline;
	width: 400px;
	float: right;
	margin: 0px;
	padding: 8px 10px 10px 0px;
	text-align: right;
	}

/*  TOOLTIP */

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/image/layout/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/image/layout/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 280px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}