/* CSS Document */
BODY{background:#FFFFFF url(imgs/background.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5C5C5C;}
* {padding:0;margin:0;}
img {border:0;}
a {position: relative;color:#C40000;}
area {position: relative;}
.rouge{color:#C40000;}
table{margin:0 auto 0 auto;font-size:12px; }
p{font-size:12px;}

/* HEADER */
#sos-header{height:148px; width:100%;background:url(imgs/header-degrade-rouge.jpg) repeat-x 0px 26px;}
#sos-menu{height:26px; width:800px; margin:0 auto 0 auto;}
#sos-menu ul{list-style: none;border:0;height: 26px;background:url(imgs/header-menu.jpg) no-repeat top left; padding:0 0 0 208px;margin:0;}
#sos-menu li{height:26px;float:left;background:url(imgs/header-menu-degrade.jpg) repeat-x top left;border-right: 1px solid #7E8394;}
#sos-menu a{height:26px;display:block; font-size:13px; font-weight:bold; text-transform:uppercase; color:#C40000; text-decoration:none; text-align:center; line-height:26px;}

#sos-menu li.accueil {width:75px;}
#sos-menu li.qui{width:157px;}
#sos-menu li.bonus-malus{width:115px;}
#sos-menu li.devis{width:126px;}
#sos-menu li.pratique{width:97px;}

#sos-menu ul.accueil li.accueil a, #sos-menu ul.qui li.qui a, #sos-menu ul.bonus-malus li.bonus-malus a, #sos-menu ul.devis li.devis a, #sos-menu ul.pratique li.pratique a{
background:url(imgs/header-menu-degrade2.jpg) repeat-x top left;color:#FFFFFF;}
#sos-menu li.accueil a:hover, #sos-menu li.qui a:hover, #sos-menu li.bonus-malus a:hover, #sos-menu li.devis a:hover, #sos-menu li.pratique a:hover{
background:url(imgs/header-menu-degrade2.jpg) repeat-x top left;color:#FFFFFF;}
#sos-entete{background:url(imgs/header-entete.jpg) no-repeat top left;width:800px; margin:0 auto 0 auto;height:122px;padding:0;overflow:hidden;}
#sos-entete h1{float:left;margin-top:5000px;}
#sos-entete img{margin-left:60px;}

/* CORPS */

#sos-corps{background:url(imgs/header-corps-degrade.png)repeat-y top left;width:800px; margin:0 auto 0 auto;}

		/* MENU GAUCHE */

#sos-menugauche{width:190px; float:left;padding:0 0 0 18px;}
#sos-menugauche .metro{background:url(imgs/metro.png) no-repeat top left; height:200px;}
#corps-droit {background:url(imgs/menugauche-degrade.jpg) no-repeat bottom left;width:530px;float:left;padding:0 0 0 20px;height: auto; min-height :400px ;}
* html #corps-droit {height: 400px ;}

		/* CONTENU */

#sos-contenu{margin: 20px 20px 0 0; text-align:justify; width:530px;background:url(imgs/bloc3.jpg) no-repeat top left; padding:3px 0 0 0;}
#sos-contenu .fond{background:url(imgs/bloc3.jpg) no-repeat bottom left; width:500px; padding:5px 20px 5px 15px;}
#sos-contenu h2{font-size:14px; text-align:center; color:#C40000; border-bottom: 2px dotted #C40000;height:25px; text-transform:uppercase;margin: 5px 0 10px 0;}
#sos-contenu h3{font-size:13px;color:#C40000; text-transform:uppercase; background:url(imgs/fleche3.jpg) no-repeat 0px 4px;padding: 0 0 0 15px;}
#sos-contenu li {margin-left:50px; list-style:circle;}
#sos-contenu li a{color:#5C5C5C; text-decoration:none;}
#sos-contenu li a:hover{color:#C40000; text-decoration:none;}

				/* BLOCS home*/

#sos-contenu-home .sos-bloc{ float:left; background:url(imgs/bloc.jpg) no-repeat top left; width:260px;margin:15px 0 0 0; padding:3px 0 0 0;}
#sos-contenu-home .sos-bloc h2{width:205px;background:url(imgs/fleche1.jpg) no-repeat top left; padding: 5px 0 5px 30px; font-size:13px; font-weight:bold; color:#C40000; text-transform: uppercase; height:21px;margin:0 0 10px 0; border-bottom:2px dotted #C40000;}
#sos-contenu-home .sos-bloc .bas{background:url(imgs/bloc.jpg) no-repeat bottom left; width:240px; padding:10px;height:160px;}
#sos-contenu-home .sos-bloc ul {list-style-image:url(imgs/fleche2.jpg);margin:0 0 0 20px;}
#sos-contenu-home .sos-bloc a{color:#5C5C5C; text-decoration:none;}
#sos-contenu-home .sos-bloc a:hover{color:#C40000;}


				/* PLAN */

#sos-plan {clear:both;width:750px;padding: 20px 0 10px 45px;}
#sos-plan .sos-bloc2{background:url(imgs/bloc2.jpg) no-repeat top left; width:708px;padding:3px 0 0 0;}
#sos-plan .sos-bloc2 .bas{background:url(imgs/bloc2.jpg) no-repeat bottom left;width:708px;height:160px;}

#sos-plan .sos-utiles{text-align:center; color:#C40000; border-bottom: 2px dotted #C40000; height:28px; line-height:25px; width:671px; margin:5px 0 10px 15px;}
#sos-plan .sos-utiles a{text-decoration:none;color:#C40000; font-weight: bold;}

#sos-plan .col ul {padding:0; margin:0;}
#sos-plan .col li {background:url(imgs/fleche3.jpg) no-repeat 0px 4px;padding:0 0 0 10px;margin-left:10px; list-style-image:none; list-style:none;}
#sos-plan  h2{color:#C40000; font-size:13px; background:url(imgs/fleche3.jpg) no-repeat 0px 4px;padding: 0 0 0 10px;}
#sos-plan .col{ float:left; background-image:none;padding:0 0 0 10px; border-right: 2px dotted #5C5C5C;}
#sos-plan .col a{text-decoration:none;color:#5C5C5C; font-weight: bold;}
#sos-plan .col a:hover{color:#C40000;}

/* FOOTER */

#sos-footer{background:url(imgs/footer.png) no-repeat top left;width:800px; margin:0 auto 0 auto;height:18px;}

.copyright{text-align:center;color:#C40000; clear: both;}
.copyright a{color:#C40000;}