a img {border: none;
}

body {
background-image: url(../media/bg_top.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 12px;
color: #37596c;
line-height: 180%;
}

hr {
clear: both;
border: 1px solid white;
background-color: white;
color: white;
margin: 20px 0 20px 0; 
float: left;
width: 100%;
position: relative;

}

.col1 hr {clear: none; border: 1px solid #34afdc; background-color: #34afdc; color: #34afdc;}
.col2 hr, .col3 hr, col3a hr {border: 1px solid #37596c; background-color: #37596c; color: #37596c; width: 95%;}

#page {
position: relative;
left: 50%;
width: 950px; 
margin: 0 0 0 -475px;
position: relative;
float: left;
padding: 0 0 30px 0;
}

#page #logo {
position: absolute; 
top: 5px;
left: 0px;
}

#page #phone {
position: absolute; 
top: 0px;
right: 10px;
}

#page #contact {
position: absolute; 
top: 65px;
left: 870px;
display: block;
width: 80px;
height: 42px;
background-image: url(../media/contact.png);
}

#page .titre {
margin: 65px 0 0 0;
background-repeat: no-repeat;
background-image: url('../media/bg1.png');
height: 233px;
padding: 170px 0 0 0;
position: relative;
border-bottom: 1px solid #0e5075;
background-position-x: 127px;
}

#page1 .titre {background-image: url('../media/bg7.png');}
#page2 .titre {background-image: url('../media/bg2.png');}
#page3 .titre {background-image: url('../media/bg3.png');}
#page4 .titre {background-image: url('../media/bg4.png');}
#page5 .titre {background-image: url('../media/bg5.png');}
#page6 .titre {background-image: url('../media/bg6.png');}
#page8 .titre {background-image: url('../media/bg8.png');}

.titre h1 {
display: block;
width: 450px;
height: 35px;
margin: 0;
font-size: 30px;
letter-spacing: -1px;
padding: 0;
}

.titre h2 {
display: block;
width: 450px;
height: 105px;
margin: 0;       
font-variant: small-caps;    
}

#titrebleu h1, #titrebleu h2  {
color: #332473;
}

#titrerose h1, #titrerose h2  {
color: #c20080;
}

#titreviolet h1, #titreviolet h2  {
color: #8d0899;
}

#titrecyan h1, #titrecyan h2  {
color: #1ca1d8;
}

#titreorange h1, #titreorange h2  {
color: #feae01;
}

#titrerouge h1, #titrerouge h2  {
color: #de071b;
}

#titrevert h1, #titrevert h2  {
color: #1faaba;
}

h4 {
font-size: 16px;
font-weight: bold;
margin: 0 0 20px 0;
/margin: 20px 0 0 0;
}

h5 {
font-size: 13px;
font-weight: bold;
color: #34afdc;
margin: 0 0 20px 0;
}



body.menu0 h1, body.menu0 h2 {color: #e84700;}

.titre .menu {
background-image: url(../media/bg_menu.png);
background-repeat: repeat-x;
height: 50px;
margin: 48px 0 0 0;
padding: 0 0 0 0;
}

.menu ul {
margin: 0;
padding: 0;

}

.menu li {
position: relative;
float: left;
list-style: none;
margin: 0;
padding: 0;
}

.menu li a {
display: block;
color: #37596c;
margin: 0 48px 0 0;
/margin : 0 39px 0 0;
height: 43px;
font-size: 18px;
padding: 12px 0px 0 0;
text-decoration: none;
line-height: 90%;
font-variant: small-caps;
}
.menu li a:hover {
text-decoration: underline;
}

#page1 #men1, #page2 #men2, #page3 #men3, #page4 #men4, #page5 #men5, #page6 #men6 {color: #183d51; font-weight: bold;}





.content .col {
width: 148px;
position: relative;
float: left;
margin: 0px 10px 0 0;
}

.content .col3, .content .col3a {
width: /* 464px */455px;

padding: 0 5px 0 0;
}

.content .col3 p, .content .col3a p {font-size: 14px;}

.content  .col2 {
width: 230px;
}

.content .col1 {
width: /* 150px */230px;
color: #34afdc;
padding: 0;
}


.col p  {
margin: 0 0 10px 0 ;
padding: 0 0px 0 0 ;
}



.col ul {margin: 0 0 0 15px; padding: 0;}
.col li {margin: 0 0 5px 0; padding: 0; list-style-position: outside;  list-style-type: square;}


.col a {
display: block;
padding: 5px 0 0 0;
color: #34afdc;
margin: 5px 0 0 0;
text-decoration: none;
}

.col a:hover {
text-decoration: underline;
}
.col1 ul, .col3 ul {margin: 0; padding: 0;}
.col1 li, .col3 li {list-style: none; list-style-position: outside; margin: 0 0 0 0; padding: 0; font-size: 12px;}
.col1 li a, .col3 li a {border: none; font-size: 12px; }
.puce li {list-style: circle; margin: 5px 0 10px 15px;}