/* Les Éléments Généraux
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#monbody{
	background: #2486a9 url(/images/bgFull.gif);
}



h1{
padding: 37px 0px 25px 42px;
font: 30px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}
p{
padding: 0px 0px 10px 42px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
}

h2{
padding: 15px 0px 10px 42px;
font: 18px Georgia, "Times New Roman", Times, serif;
color:#0f7e9e;
}

h3{
padding: 15px 0px 10px 42px;
font: 18px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}

h4{
padding: 15px 0px 10px 42px;
font:13px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}

h5{
padding: 15px 0px 10px 42px;
font:13px Georgia, "Times New Roman", Times, serif;
color: #0f7e9e;
}

hr{
width:398px;
padding:0 0 0 42px;
}

ul{padding: 5px 0px 15px 58px;
list-style:disc;}

/* Liens
========================================= */

a:link {color:#0f7e9e;text-decoration:underline;}
a:visited {color:#0f7e9e;text-decoration:underline;}
a:hover {color:#eb6301;text-decoration:underline;}
a:active {color:#0f7e9e;text-decoration:underline;}


/* Classes diverses
========================================= */

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.noborder {border: none;}
.alt {background: #eee;}
.ileft {
	float: left; 
	margin: 0 10px 4px 0; 
}
.iright {
	float: right; 
	margin: 0 0 4px 10px;
}



/* Le Container
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#page100{
width:100%;
background:url(../images/bgBody100.gif) repeat-x;
}


#page {
	width: 760px;
	font-size: 12px;
	line-height: 16px;
	margin: 0 auto;
	background:#fff url(../images/bgPage.jpg) repeat-y;
}

/* Le Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header {
background-image:url(../images/bgHeader.jpg);
height:251px;
width:760px;

}

#header h1{
height:20px;
font: 12px Georgia, "Times New Roman", Times, serif;
color:#fff;
padding:9px 0 0 175px;
}

#logo{
padding:45px 0 28px 40px;
}

#header ul a{display:block;padding:8px 8px;}
#header ul a:link {color:#0f7e9e;text-decoration:none;}
#header ul a:visited {color:#0f7e9e;text-decoration:none;}
#header ul a:hover {color:#eb6301;text-decoration:none;background:url(../images/bgMenuHov_08.gif) center repeat-x;}
#header ul a:active {color:#0f7e9e;text-decoration:none;}


a:link#menuHov {color:#eb6301;text-decoration:none;background:url(../images/bgMenuHov_08.gif) center repeat-x;}
a:visited#menuHov {color:#eb6301;text-decoration:none;background:url(../images/bgMenuHov_08.gif) center repeat-x;}
a:hover#menuHov {color:#eb6301;text-decoration:none;background:url(../images/bgMenuHov_08.gif) center repeat-x;}
a:active#menuHov {color:#eb6301;text-decoration:none;background:url(../images/bgMenuHov_08.gif) center repeat-x;}



#header ul{
padding:17px 0 0 0 ;
font:13px Georgia, "Times New Roman", Times, serif;
color:#0f7e9e;
width:670px;
margin:0 auto;
z-index:10;
}

#header ul li{
list-style:none;
float:left;
position:relative;

}

#header ul li a{
display:block;
}


#header ul li img{
position:relative;
bottom:4px;
}


#navV li ul {
	position: absolute;
	z-index:1000;	
	width: 160px;
	left: -999em;
	padding-top:7px;
}
#navV li ul li{
	background: #e7f2f6 none;
	width:160px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#navV li:hover ul, #navV li.sfhover ul {
	left: auto;
}


/* Le Contenu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {


width:760px;
background:url(../images/bgContent.jpg) no-repeat;
}


/* Le Contenu de Droite
---------------------------------------------------------------------- */

#contentRight{
width:270px;
float:right;
padding:95px 35px 0 0;

}

#contentRight b{
position:relative;
left:4px;
}

#contentRight div{
background:url(../images/bgNews.jpg) repeat-y;
}


#contentRight div span{
display:block;
width:240px;
padding: 0 15px;
padding-bottom:30px;
background:url(../images/bgNewsBottom.jpg) bottom no-repeat;
}

#contentRight h2{
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
padding:0 10px;
color:#77787b;
}

#contentRight p{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#77787b;
padding:0 10px 0 10px;
}
#contentRight h3{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#eb6300;
padding:0 10px 10px 10px;
}

#contentRight  a:link{font-weight:bold;color:#eb6301;text-decoration:none; font-style:italic;}
#contentRight  a:visited{font-weight:bold;color:#eb6301;text-decoration:none; font-style:italic;}
#contentRight  a:hover{font-weight:bold;color:#0f7e9e;text-decoration:none; font-style:italic;}
#contentRight  a:active{font-weight:bold;color:#eb6301;text-decoration:none; font-style:italic;}

/* Le Contenu de Droite classes
------------------------------------- */

.allNews{
float:right;
}


#contentRight p.allNews a:link {color:#0f7e9e;text-decoration:none;font-style:normal;}
#contentRight p.allNews a:visited {color:#0f7e9e;text-decoration:none;font-style:normal;}
#contentRight p.allNews a:hover {color:#eb6301;text-decoration:none;font-style:normal;}
#contentRight p.allNews a:active {color:#0f7e9e;text-decoration:none;font-style:normal;}

/* Le Contenu de Gauche
---------------------------------------------------------------------- */

#contentLeft{
width:440px;
}

#contentLeft a:link {color:#0f7e9e;text-decoration:none;}
#contentLeft a:visited {color:#0f7e9e;text-decoration:none;}
#contentLeft a:hover {color:#eb6301;text-decoration:none;}
#contentLeft a:active {color:#0f7e9e;text-decoration:none;}

#contentLeft h1{
padding: 37px 0px 25px 42px;
font: 30px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}
#contentLeft p{
padding: 0px 0px 10px 42px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
}

#contentLeft h2{
padding: 15px 0px 10px 42px;
font: 18px Georgia, "Times New Roman", Times, serif;
color:#0f7e9e;
}

#contentLeft h3{
padding: 15px 0px 10px 42px;
font: 18px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}

#contentLeft h4{
padding: 15px 0px 10px 42px;
font:13px Georgia, "Times New Roman", Times, serif;
color: #eb6301;
}

#contentLeft h5{
padding: 15px 0px 10px 42px;
font:13px Georgia, "Times New Roman", Times, serif;
color: #0f7e9e;
}

#contentLeft hr{
width:398px;
padding:0 0 0 42px;
}


#contentLeft img{
padding: 10px 0px 10px 42px;
}



#contentLeft ul{
font:11px Verdana, Arial, Helvetica, sans-serif ;
padding: 5px 0px 15px 58px;
list-style:disc;
text-align:justify;
}
#contentLeft ul li{
padding-bottom:8px;
}

#contentLeft ul li ul{
padding: 5px 0px 5px 20px;
list-style:circle;
color:#666;
}

#contentLeft div#calendar{
position:relative;
display:block;
width:406px;
height:185px;
margin:0 0 10px 35px;
background:url(../images/bgCalendar.jpg) no-repeat;
}

#contentLeft div#calendar h1{
font:16px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
padding:24px 0 0 35px;
}

#contentLeft div#calendar .pluspetit{
font:12px Verdana, Arial, Helvetica, sans-serif;
position:relative;
top:-2px;
color:#fff;
font-weight:normal;
}

#contentLeft div#calendar .date{
font-style:normal;
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

#contentLeft div#calendar h2{
color:#007698;
font:16px Georgia, "Times New Roman", Times, serif;
padding:17px 0 0 35px;
}

#contentLeft div#calendar p{
padding-top:4px;
padding-bottom:0px;
padding:4px 0 0 35px;
}

#contentLeft div#calendar h3{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#007698;
padding:4px 0 0 35px;
}

#contentLeft div#calendar table{
position:absolute;
right:27px;
top:25px;
}

#contentLeft div#calendar table a{
display:block;
background:url(../images/bgHrefCal.jpg);
padding-top:2px;
width:22px;
height:15px;
vertical-align:middle;
}

#contentLeft div#calendar table tr th{
text-align:Center;
padding-bottom:2px;
font-weight:bold;
color:#fff;
border-right:1px solid #b5d7e1;
border-bottom:1px solid #b5d7e1;
}

#contentLeft div#calendar table tr th.noBdr{
border-right:0;
}

#contentLeft div#calendar table tr td.noBdb{
border-bottom:0;
}

#contentLeft div#calendar table tr td{
text-align:Center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#77787b;
width:22px;
height:17px;
border-right:1px solid #b5d7e1;
border-bottom:1px solid #b5d7e1;
}

#contentLeft div#calendar table tr td.noBdb{
border-bottom:0;
}

#contentLeft div#calendar table tr td.noBdr{
border-right:0;
}


/* Le Contenu de Gauche TABLE conseil administration
------------------------------------- */

#CA {padding:0 0 0 38px;}
#CA table {border:1px solid #ccc;}
#CA table tr{background-color:#f5f5f5;height:30px;}
#CA table tr.tr2{background-color:#fff;}
#CA table tr td.brdRight{padding-left:5px;font-weight:bold;}




/* Le Contenu de Gauche classes
------------------------------------- */

#membreBack{
text-align:left;
}
#membreBack a:link,#membreBack a:visited,#membreBack a:active {
text-decoration:underline;
}



.imgListeMembres{
width:140px;
float:left;
height:150px;
margin-right:10px;
}

#listeMembresForm{
padding-left:42px;
margin-bottom:20px;
}

#listeMembresForm select{
width:400px;
}

#pageListeMembres{
display:block;

}

#pageListeMembres li{
float:left;
padding-right:8px;
list-style:none;
}

.listeMembres{
width:100px;
}


#choosePage{
text-align:center;
padding-left:42px;
}

#choosePage span{

padding:0 2px 0 2px;
}

#choosePage .move{
padding: 0 10px 0 10px;
}

#choosePage .move a:link {color:#eb6301;text-decoration:none;}
#choosePage .move a:visited {color:#eb6301;text-decoration:none;}
#choosePage .move a:hover {color:#0f7e9e;text-decoration:none;}
#choosePage .move a:active {color:#eb6301;text-decoration:none;}



#contentLeft #centerImg{
width:440px;
text-align:Center;
padding: 0 0 15px 0;
}


.alignCenter{
text-align:center;
}

.padding_bottom{
display:block;
padding:0 0 30px 0;
}


.black{
color:#000;
}

.nopad{
padding:0;
}

.doc-date{
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#eb6301;
padding: 7px 0 0 0 ;
}

#contentLeft span.date{
color:#eb6301;
font:10px Arial, Helvetica, sans-serif;
}

#contentLeft span.lien{
color:#0f7e9e;
font:12px Arial, Helvetica, sans-serif;
}
#contentLeft .lien a:link {color:#eb6301;text-decoration:none;}
#contentLeft .lien a:visited {color:#eb6301;text-decoration:none;}
#contentLeft .lien a:hover {color:#0f7e9e;text-decoration:none;}
#contentLeft .lien a:active {color:#eb6301;text-decoration:none;}

#contentLeft  a:link.orange {color:#eb6301;text-decoration:none;}
#contentLeft  a:visited.orange {color:#eb6301;text-decoration:none;}
#contentLeft  a:hover.orange {color:#0f7e9e;text-decoration:none;}
#contentLeft  a:active.orange {color:#eb6301;text-decoration:none;}



/* Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pmenu li {position:relative;}
#pmenu li ul {display: none;}
#pmenu li ul li a:hover{background:none;}
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:75px;z-index:20;}
#pmenu > li:hover > ul {left:-72px; top:24px;}



/* Les Footers
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	clear:both;
	height:50px;
	width:760px;
	background:url(../images/bgFooter.jpg) bottom no-repeat;
	padding-top:30px;

}

#footer a{
display:block;
padding-right:10px;
background:url(../images/hdp.jpg) right no-repeat;
width:90px;
position:Relative;
top:-4px;
left:37px;
}

a:link {color:#0f7e9e;text-decoration:none;}
a:visited {color:#0f7e9e;text-decoration:none;}
a:hover {color:#eb6301;text-decoration:none;}
a:active {color:#0f7e9e;text-decoration:none;}

#copyright{
width:745px;
display:block;
margin: 0 auto;
padding:8px 0 20px 0 ;
color:#fff;
font-size:10px;
}

#copyright a:link {color:#fff;text-decoration:none;}
#copyright a:visited {color:#fff;text-decoration:none;}
#copyright a:hover {color:#fff;text-decoration:underline;}
#copyright a:active {color:#fff;text-decoration:none;}