/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}
html, body {background-color:#FFF; margin:0; padding:0}

/* lien par défaut */
/*A {color:#0000FF; font-weight:normal; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
A:hover {color:#fff; background:#3366FF; text-decoration:none}*/

A {color:#0000FF; text-decoration:none}
A:hover {color:#0000FF; text-decoration:underline}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {font-weight:bold;font-size:16px}

#coulcentre h1 {color:#900;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #900 solid}
#coulcentre h6 {color:#900;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #ccc solid}

/* image par défaut */
IMG{border:0}


/* temp.html */
#wrap {
margin: 0px auto;
width: 980px;
background: #fff;
border: 3px solid #D1E6EF;
}

#header4{
  clear:left;
	width:100%;
	height:30px;
	background:#EEE;
	border-bottom:1px solid #CCC
}
	#hh05{float:right; font-size:10px; color:#000; margin-top:0.6em}
	#hh06{float:left; margin-right:0.3em; margin-top:0.6em;	width:74%}


#header4 a {
	text-decoration: none;
	color: #FFF;
	background: #EEE;
}

#header4 a {
	text-decoration: none;
	color: #FF0000;
	background: #EEE;
}

.header_haut { 
	height: 57px;
	background: #fff url(images/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 10px 0;
	padding: 5px 0 0 0;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}


/* header */


#header{
    float:auto;
	height:14px;
	background:#eee;
	text-align:right;padding:0;padding-top:3px
}


#header11{
    float:auto;
	height:14px;
	background:#FFF;
	text-align:right;padding:0;padding-top:3px
}


	

#header_pub
{float:auto;
 margin-right:0.3em;
 margin-top:0.3em;
 background:#eee}	
	
	
#header2{
	background:#eee;margin:0;left:0;
	width:100%;height:101px;background-position:left top;
	background-repeat:repeat-x
}
	#header2 div {width:350px;margin:0;padding:1px 1px 1px 1px}
	#header2 div h1 {margin-top:30px;background:#600;padding:5px 5px 5px 15px}
	#header2 div h1 a {color:#fff}
	#header2 div h1 a:hover {color:yellow;background:none}

/* fil ariane */
    #mentete {float:left;width:100%;background:#666666;margin:0;padding:0;border-top:1px #666666 solid;height:18px}
	#entete a{color:#FFF;font-weight:bold}
	#entete a:hover{color:#000}
	#entete{margin-left:15px;color:#FFF;font-weight:normal}
/* fin fil ariane */

#header3{
	clear:left;
	background:#eee;margin:0;left:0;
	width:100%;height:15px
}

#header31{
	clear:left;
	background:#ff0000;margin:0;left:0;
	width:100%;height:3px
}


/*#menugauche {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	border-top:#000 1px solid;
	width:160px;
	float:left;
	background:#EEE;
	margin-top:15px
}
*/

	.mg1 {clear:left; font-size:9pt; color:#ff6; font-weight:bold; background:#000; height:21px; padding-left :0.4em; padding-top:0.2em}
	.mg3 {color:#000; padding:0.4em; line-height:15px}
	.mg3 a {color:#000}
	.mg3 form {padding:0;margin:0}
 
/*#contenupage {
	padding-left:165px;
	padding-right:5px
} 
	#coulcentre {padding:20px; background:#FFF} */


/* debut gauche*/

#contenupage {
	padding-left:0px;
	padding-right:365px
}
	#coulcentre {padding:3px;margin-top:3px; background:#FFF}

/* fin gauche */


/* debut doite*/

#right {
  float:right ; /* flotte à gauche */
  width:350px ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin-left: 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  line-height: 1.5em;
  border:8px solid #EEE;
  background: #EEE;
 
}

#right_articles12 {
background: #FFFFFF;
color: #000;
padding: 8px;
margin: 0 0 5px 0;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

#right_articles12 a {
	 background: #fff url() no-repeat center left; padding: 0 0 0 1px; color: #0000FF;}

#right_articles12 ul {
		list-style-type: none;
		padding: 5px 1px;
	}

#right_articles12 li{
	 list-style: none;}

#right_articles12 h2 {font-size: 1em}
#right_articles12 h3 {font-size: 1em; font-weight:normal;margin:0 0 1em 0;padding:0}

#right h5 {
	background: #A6D2FF url(flpre2.gif) no-repeat top left;
	color: #0000FF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	height:6px;
	border-top:3px solid #62B0FF;
    border-left:1px solid #62B0FF;
    border-right:1px solid #62B0FF;
}

#right h6 {
	background: #FFCC00 url(flpre2.gif) no-repeat top left;
	color: #0000FF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	height:6px;
	border-top:3px solid #FFCC00;
    border-left:1px solid #FFCC00;
    border-right:1px solid #FFCC00;
}

/* fin droite*/

/* footer */
#footer1{
	clear:both;
	width:auto;
	text-align:center;
	height:95px;
	background:#62B0FF;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
#footer2{
	clear:both;
	width:auto;
	text-align:center;
	height:100px;
	background:#000066;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}

#footer3{
	clear:both;
	width:auto;
	text-align:center;
	height:100px;
	background:#FFF;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}

#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:13px;
	background:#62B0FF;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}
/* fin footer */

/* liens bas */
#topics {
	clear:both;
	width:auto;
	text-align:center;
	height:95px;
	background:#000066;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF;
	line-height: 1.5em
}

#topics  a { background-position: center left;  padding: 0 0 0 12px; color:#fff;}
#topics  a:hover  {color:#FFF}
#topics  ul li {margin:0; padding-left:10px; display:inline; color:#FF6600} 

.thirds {
		float: left;
		width: 102px;
		padding: 0 1px 0 15px;
	}	
		
.thirds1 {
		float: left;
		width: 80px;
		padding: 0 15px 0 15px;
	}			
		
	.thirds2 {
		float: left;
		width: 150px;
		padding: 0 10px 0 0px;
}		

.thirds2  image {
	float: left;
	margin: 0 9px 3px 0;	
}
/* fin liens bas */

/* page accueil */

 #rubriques h1, #aa01 h1 {font-size:1.5em;color:#900;border-bottom:1px solid #900}
 #aa02 h1 {font-size:1.5em;color:#900;border:0}

#accueil{
	width:99%
}

#aa01{
	float:left;
	width:62%;
	padding:0.5em
}

#aa02{
	float:right;
	width:31%;
	BORDER:#900 1px dotted;
	padding:0.5em;
	background:#eee
}
	#aa02 h1 {display:inline}

#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}
/* fin page accueil */

/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

 #slider4{
border-color: #62B0FF;
margin-left: 2px;
height: 280px
}

#paginate-slider4{
background-color: darkred;
border-color: darkred;
margin-left: 15px;
}

#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 5px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}


#leftcol {
	width:287px;
	border-right:1px dotted #b6b6b6;
	padding-right:18px;
	}
	
#leftcol  h3	{
    font: 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#5f5f5f;
}	


#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
.feature {
	background:#f2f2f2;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#e9e9e9;
	}
	
#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;
	}	
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	border:1px solid #000;
	}
	
#rightcol {
	width:290px;
	padding-left:18px;
	margin-top: -2px;
}

#rightcol h3{
	font: 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#5f5f5f;
}


/*gauche milieu droite 2*/

	
/* Float Properties*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}

#sidebard {
	width: 350px;
	float:right
	}
	
#sidebard h6 {
	font: 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color:#5f5f5f;
	}

#sidebard h6 {
	border-top:5px solid #BBB;
	border-bottom:1px solid #BBB;
	padding:6px 0 6px 2px;
	margin:22px 0 15px 0;
	font-size:1em;
	}
	
#sidelistd li {
	list-style:none
	}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}
	
#sidelistd .bullets li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}

#sidelistd .children {
	background:#e4efd5;
	}
	
#sidelistd .children li {
	list-style: square;
	margin-left:28px;
	border-bottom:1px solid #e4efd5;
	}
	
#sidelistd .children li a, #sidelistd .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#e4efd5;
	color: #818d6f;
	}

#sidelistd .children li a:hover, #sidelistd .children li a:active	{				
	color:#465d23
	}
	
/*Subnav */
.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#eef5e1;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e4efd5;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e4efd5;
	text-decoration:none;
	color: #7da939;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
#line { clear: both;
	 padding: 1px; margin: 0 0 15px; background: #fff url(smalldot.gif) repeat-x; }
	 
	
.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
}
 
#break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}