/* CSS RESET */
html{
color:#000;
background:#FFF;
background:url(images/bg3.jpg);
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000;
}

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font-size:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
/* CSS RESET */


body {
text-align:center;
color:#000;
}
a {
text-decoration:none;
color:#9b3535; 
}
a:hover {
text-decoration: underline;
color: #CC0000
}
#wrap {
width:900px;
text-align:left;
margin:0 auto;
background:url(images/bg.jpg);
/*
width:900px;
border : 1px solid #000;
background-color : #f00;
*/
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}


/* header */
#header {
margin-top : 0px;
position:relative;
height:111px;
background:url(images/hd.jpg) no-repeat;
height : 180px;
}

#logo {
position:absolute;
top:8px;
left:60px;
/*border : 1px solid #f00;*/
font-size : 24px;
font-style: italic;
color : #c55;
}
#logo h1 {
font-size:34px;
color: #9B3535
}
#logo div {
position:absolute;
top:80px;
left:300px;
width : 450px;
text-align:right;
/*border : 1px solid #f00;
*/
}
#nav { position:absolute; top:35px; left:420px;  width:451px;height:30px; line-height:30px; padding:0 0 0 20px  }
#nav li {float:left;  width:80px; padding:0 5px; list-style: none; }
#nav a {text-decoration:none; display:block; text-align:center; color:#ddd;font-style: italic;}
#nav a:hover {background: tranparent; color:#fff;}

#nav li.active {float:left;  font-weight:700; width:80px; padding:0 5px; color : #fff; text-align:center;}
/* content */

.img { margin:0px 0  0 70px }

#main {
float : left;
width:540px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
/*
background:url(images/box.jpg);
border : 1px solid #f00;
*/
}
#text {
margin:0px 0  0 65px;
}
#text p {margin:0 auto; width:420px; }
#text h2 {font-size:20px; padding:20px 0 20px 0;}
#text img {margin:10px 0  0 0}

#col {
margin: 10px 0  10px 20px ;
width:300px;
background:url(images/col.jpg);
width: 419px;
height:161px ;
}
#col div {
width: 150px;
margin: 20px 0 0  10px;
display:inline;
/*
border : 1px solid #000;
*/
}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:none;}
#col a:hover { color:#000; text-decoration:underline;}

#side {
float : right;
margin-right : 40px;
width:250px;
display: inline;
/*
border : 1px solid #000;
*/
}
#side h2 {
font-size:18px;
}
#side li {
line-height:20px;
list-style:inside disc;
color:#9b3535;
}
#side ul {
margin:20px  0 30px 20px;
}
#top {
margin-top:10px;
/*
border : 1px solid #000;
*/

}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#E98383}
#ftinner a {color:#FFFFFF}
.ftlink {width:500px;}


/* CRICRI */

#spacer {
clear : both;
}
#spacer2 {
clear : both;
padding : 10px;
}

#carac ul,li {
margin-left : 10px;
list-style: square;
}


#texte_normal {
padding-top : 10px;
padding-bottom : 20px;
line-height: 1.5em;
/*
text-align : justify;
*/
}

#contact {
margin-top : 20px;
text-align : center;
}



#gauche {
float : left;
width : 220px;
line-height: 1.5em;
/*
background-color : #00f;
*/
}
#droite {
float : right;
width : 220px;
line-height: 1.5em;
/*
background-color : #f00;
*/
}


#pics_droite_legend {
text-align:center;
padding-bottom : 10px;
color : #555;
}


#content {
margin : 0;
margin-left : 36px;
padding : 0;
/*
background-color : #f00;
*/
}


h3 {
font-size : 13px;
font-weight : bold;
padding-bottom : 10px;
}

#uldivers {
padding : 10px;
}