/* 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;
}


/* 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;
}

/* 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;}