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

@import url("reset.css");

body {
	font-size:12px;
}

#bodylove{
	background: #f9fdfd url(/images/bgBody.gif) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	color:#000;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 750px;
	margin: 0 auto;
	background:url(/images/bgPage.gif) center repeat-y;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:750px;
height:212px;
background:url(/images/bgHeader.jpg);
}

#header h1{
font-size:11px;
color:#00748b;
padding:0px;
padding-top:5px;
width:750px;
text-align:center;
font-weight:normal;
}

#header a span {color:#fff;font-size:13px;}
#header a:hover span {text-decoration:underline;}


/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
width:485px;
float:right;
background:url(/images/bgContent.gif) no-repeat;
padding:0px 30px 0px 20px;
}

#content p{
text-align:justify;
}



h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:23px 0 18px 0px;
}

h3{
font-size:14px;
color:#555;
padding-bottom:10px;
font-weight:bold;
}

h4{
color:#04adce;
font-size:14px;
padding-bottom:10px;
font-weight:bold;
}

h5{
font-size:12px;
color:#04adce;
padding-bottom:10px;
font-weight:bold;
}

h6{
color:#d73347;
font-size:12px;
padding-bottom:10px;
font-weight:bold;
}

ul{
padding:5px 0px 10px 0px;
list-style:disc;
padding-left:30px;
font-size:12px;
}

ul li {
padding:0 0 4px 10px;
color:#04adce;
}


p{

font-size:12px;
padding:3px 0 9px 0;
color:#000;
}

p.adress{
font-size:12px;
color:#00748b;
padding-top:10px;
}


/* Liens
------------------------------------- */

a:link {color:#04adce;text-decoration:none;}
a:visited {color:#04adce;text-decoration:none;}
a:hover {color:#404040;text-decoration:none;}
a:active {color:#04adce;text-decoration:none;}





/* Typographie
------------------------------------- */

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p, ul, ol, table, form {}

p {}
q {}
blockquote {}


/* Listes
------------------------------------- */

ul {}
ol {}
li {}
dl {}
dt {}
dd {}


/* Tableaux
------------------------------------- */

table {}
caption {}
th {}
td {}


/* Formulaires
------------------------------------- */

form {}
input {}
textarea {}
label {}
fieldset {}
legend {}


#contentLeft{
width:215px;
float:left;

}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
float:right;
width:202px;
border-right:3px solid #04adce;
border-left:3px solid #04adce;
border-bottom:3px solid #04adce;
background:#bde7ef
}

#sidebar ul{
padding-top:18px;
list-style:none;
padding-left:0px;
}

#sidebar ul li{
border-bottom:1px solid #b9e5e9;
background:#f1fafb;
padding:0px;
}
#sidebar ul li.lastLi{
border-bottom:7px solid #b9e5e9;
}

#sidebar ul li a{
padding:8px 16px;
width:170px;
background:#f1fafb;
display:block;
}

#sidebar ul li a:link {color:#404040;}
#sidebar ul li a:visited {color:#404040;}
#sidebar ul li a:hover {color:#04adce;}
#sidebar ul li a:active {color:#404040;}

#sidebar ul li a:link#menuHov {color:#04adce;}
#sidebar ul li a:visited#menuHov {color:#04adce;}
#sidebar ul li a:hover#menuHov {color:#04adce;}
#sidebar ul li a:active#menuHov {color:#04adce;}



#side{
text-align:center;
width:100%;

}

#side  a:link {color:#404040;text-decoration:underline;}
#side  a:visited {color:#404040;text-decoration:underline;}
#side  a:hover {color:#04adce;text-decoration:underline;}
#side  a:active {color:#404040;text-decoration:underline;}

#side p{
padding: 10px 0px;
}

#nouvelles {clear:both;padding:17px 5px 0 12px;text-align:left;width:198px;}
#nouvelles h2 {background:#00acd1;color:#fff;font:bold 14px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:0;padding:3px 10px;}
#nouvelles a,
#nouvelles a:link {color:#404040;cursor:pointer;display:block;font:11px/15px Verdana, Arial, Helvetica, sans-serif;padding:10px 10px 9px;text-decoration:none;}
#nouvelles span {display:block;font-size:12px;font-weight:bold;line-height:16px;}
#nouvelles span.suite {color:#4aacd0;font-size:11px;font-weight:normal;line-height:15px;text-align:right;}
#nouvelles a:hover {color:#404040;}
#nouvelles a:hover span.title {color:#00acd1;}
#nouvelles p.more {background:#00acd1;padding:3px 10px 4px;}
#nouvelles p.more a,
#nouvelles p.more a:link {color:#fff;display:inline;line-height:12px;padding:0;}
#nouvelles p.more a:hover {color:#404040;}
#nouvelles p.more a.rss {background:url(/images/btn-rss.gif) no-repeat 0 0;float:right;height:13px;width:14px;}
#nouvelles p.more a span {display:none;}

#nouvelles-liste {list-style-type:none;padding-left:0;}
#nouvelles-liste li {border-bottom:1px solid #00acd1;margin:0 0 10px;padding:0 0 10px;}
#nouvelles-liste li a,
#nouvelles-liste li a:link {color:#404040;cursor:pointer;display:block;font:11px/15px Verdana, Arial, Helvetica, sans-serif;padding:10px 10px 9px;text-decoration:none;}
#nouvelles-liste li span {display:block;}
#nouvelles-liste li span.title {color:#555;font-size:14px;font-weight:bold;padding:0 0 5px;}
#nouvelles-liste li span.suite {color:#4aacd0;font-size:11px;font-weight:normal;line-height:15px;text-align:right;}
#nouvelles-liste li a:hover {color:#404040;}
#nouvelles-liste li a:hover span.title {color:#00acd1;}

/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
padding-top:15px;
	clear: both;
	height:15px;
	width:750px;
	background:url(/images/bgFooter.gif) bottom no-repeat;
}

#copyright{
	width: 750px;
	margin: 0 auto;
	text-align:center;
	padding:7px 0px;
}
#copyright a:link {color:#404040;text-decoration:none;}
#copyright a:visited {color:#404040;text-decoration:none;}
#copyright a:hover {color:#04adce;text-decoration:none;}
#copyright a:active {color:#404040;text-decoration:none;}