@charset "utf-8";
/* CSS Document */
/*généralités */
* { margin: 0; padding: 0; }
a img { border: none; outline: none; }
a { border: none; outline: none; }
h2 { font-size: 18px; font-weight: bold; color: #0d355d; padding-bottom: 20px; }
html { font-family: Arial, Helvetica, sans-serif; background: url(../images/degrade.gif) repeat; }
#page { width: 1024px; margin: 0 auto; }
#global { width: 1024px; height: 700px; background: url(../images/fond_b.jpg) top left no-repeat; padding-left: 50px; }

/* classes */
.left { float: left; }
.right { float: right; }
.clr { clear: both; }
.txtbleu { font-size: 16px; color: #0c639d; font-weight: bold; line-height: 22px; }
.txtblanc { font-size: 11px; color: #FFF; }
.active { background: url(../images/nav1.gif) bottom left;}


/* colonne 1 */
#col1 { width :327px; height: 650px; }
#col1 ul#nav { list-style-type: none; padding-left: 15px; }
#col1 ul#nav li a span { display: none; font-size: 0px; border: none; }
#col1 ul#nav li a { display: block; width: 258px; height: 34px; }
#col1 ul#nav li a:link { background-position: top left; }
#col1 ul#nav li a:hover { background-position: bottom left; }
#col1 ul#nav li a.active { background-position: bottom left; }
#menu { width: 328px; height: 273px; margin-top: 332px; }
#nav1 a { background-image: url(../images/nav1.gif); }
#nav2 a { background-image: url(../images/nav2.gif); }
#nav3 a { background-image: url(../images/nav3.gif); }
#nav4 a { background-image: url(../images/nav4.gif); }
#nav5 a { background-image: url(../images/nav5.gif); }
#nav6 a { background-image: url(../images/nav6.gif); }
#footer ul li { display: inline; font-size: 10px; color: #7b7c7e; } 
#footer ul li a { color: #7b7c7e; }

/* colonne 2 */
#col2 { width: 610px; height: 536px; margin-top: 60px;}


/* contenus */

/* HOME */
#txtdt { width: 216px; padding-right: 15px; margin-top: 85px; }
#txtdt2 { width: 216px; padding-right: 15px; font-weight: bold; }
#txtdt p , #txtdt2 ul { width: 210px; }
p#p2 { margin-top: 49px; width: 216px; padding-right: 15px; font-weight: bold; }
#txtdt2 ul { list-style-type: none; }
#txtdt2 ul li { padding-left: 18px; width: 185px; background: url(../images/fleche.gif) top left no-repeat; }
img#btn_savoir { margin-top: 23px; padding-right: 110px; }

/* pages, boutons */
#content1, #content2, #content3,#content5,  #content6, #content7, #content8, #content9 { width: 610px; height: 536px; z-index:99; background: url(../images/fond2.jpg) top left no-repeat; position:absolute; display:none; }
#fermer { padding: 7px 35px 0 0; }
#conf { margin-top: 15px; }
#centre { margin-top: 30px; }
#retour { padding-right: 10px; }
.pad { padding-left: 55px; padding-right: 25px; }
.titre { margin-top: 30px; padding-bottom: 25px; }
.titre4 { margin-top: 30px; padding-bottom: 10px; }
.photo { padding: 0 25px 15px 0; }
.photo2 { padding-right: 32px; }
.photo5 { padding-right: 15px; }


/* paragraphes avec fonds arrondis */
#arr { padding:10px 0 0 20px; width: 538px; height: 106px; background: url(../images/fond_arr.gif) top left no-repeat; margin-top: 5px; }
#arr2 { padding:8px 0 0 20px; width: 528px; height: 91px; background: url(../images/fond_arr2.gif) top left no-repeat; margin-top: 5px; }
#arr3 { padding:10px 0 0 23px; width: 526px; height: 78px; background: url(../images/fond_arr3.gif) top left no-repeat; margin-top: 32px; }
#arr4 { margin-top: 10px; }
#arr5 { padding:17px 30px 20px 40px; width: 457px; height: 79px; background: url(../images/fond_arr5.gif) top left no-repeat; margin-top: 5px; font-size: 12px; }
#arr ul , #arr2 ul ,  #arr3 ul { padding-left: 15px; list-style: none;  font-size: 12px; color: #000; }
#arr ul li { width: 215px; float: left; padding-right: 15px; padding-left: 10px; }
#arr2 ul li { width: 400px; float: left; padding-right: 15px; }
#arr3 ul li { width: 400px; float: left; padding-right: 15px; }
#arr ul li span, #arr2 ul li span, #arr3 ul li span { color: #1576af; font-weight: bold; font-size: 15px; width: 185px; }
.textgris { color: #4b4c4c; font-size: 13px; }
ul.carre { margin-bottom: 10px; list-style: none; }
ul.carre li { background: url(../images/carre.gif) 0px 6px no-repeat; padding-left: 12px; }

#cache { width: 540px; height: 360px; overflow:hidden; }
#scroll { width: 540px; height: 360px;  }
h3 { background: url(../images/flecheb.gif) 0px 3px no-repeat; color: #1576af; font-weight: bold; font-size: 15px; padding-left: 20px; margin: 20px 0 15px 0; }
#qui { width: 513px; }
#qui ul.carre { padding-left: 20px; }
#qui ul { width: 310px; color:#4b4c4c ;}
#sgs ul#sous_menu { width: 510px; height: 45px;  }
#secur ul#sous_menu { width: 510px; height: 45px; }
#auto ul#sous_menu { width: 510px; height: 45px; }
ul#sous_menu li { display: inline; }
.logo { padding: 40px 0 0 30px; }
.logo2 { padding: 40px 0 0 15px;  }
a.lien { display: block; width: 112px; height: 69px; }
.desc { margin-top: 15px; }

/* SGS */
li.sgs a img { padding: 10px 0 0 28px; }
li.secur a img { padding: 10px 0 0 48px; }
li.auto a img { padding: 10px 0 0 22px; }
#sgs { width: 513px; height: 200px; background: url(../images/fond_sgs.gif) top left no-repeat; }

/* securitest */
#secur ul li.sgs a img { padding: 10px 0 0 18px; }
#secur ul li.secur a img { padding: 10px 0 0 28px; }
#secur ul li.auto a img { padding: 10px 0 0 30px; }
#secur { width: 513px; height: 200px; background: url(../images/fond_secur.gif) top left no-repeat; }

/* auto */
#auto ul li.sgs a img { padding: 10px 0 0 18px; }
#auto ul li.secur a img { padding: 10px 0 0 20px; }
#auto ul li.auto a img { padding: 10px 0 0 23px; }
#auto { width: 513px; height: 200px; background: url(../images/fond_auto.gif) top left no-repeat; }

#secur, #auto { display: none; }

/* quiz */
div#scroll2 { width: 540px; height: 400px;  }
ul#quiz { list-style-type: none; font-size: 11px; }
#quiz li { width: 510px; background: url(../images/sepa.gif) bottom left no-repeat; min-height: 29px; margin-bottom: 2px; color: #4b4c4c; }
#pad2 { padding-left: 55px; padding-right: 25px; display: none; }
#reponses { width: 534px ; height: 275px; overflow-y: scroll; }
ul#rep_quiz { list-style-type: none; font-size: 13px; }
#rep_quiz li { width: 510px; background: url(../images/sepa.gif) bottom left no-repeat; padding: 2px 0; color: #4b4c4c; }

.quest { display: block; width: 335px; }
.bleu { display: block; color: #0063ac; width: 340px; }
.num { width: 20px; height: 15px; background: url(../images/num.gif) top left no-repeat; color:#FFF; font-size: 10px; display: block; font-weight: bold; padding: 1px 0 0px 4px ; }
.vrai { padding-right: 20px;}
.vrai, .Faux { font-weight: bold; font-size: 12px; }
.vrai img { padding: 0 4px 0 20px;}
.Faux img { padding-right: 4px;}
#note_7_9, #note_10 { display: none; }
#solut { width: 136px; height:22px; border: none; cursor: pointer; background: url(../images/btn_solutions.gif) top left no-repeat; padding: 5px 15px 0 0 ;}

/* contact */
#content7 ul { list-style: none; }
#content7 ul li { margin-bottom: 20px;}
#env { padding-right: 2px; }
#tel { padding-right: 1px; }
#web { padding-right: 5px; }
#adresse { padding-left: 21px; }

/* mentions */
#scroll3 { width: 500px; height: 400px; overflow-y: scroll; padding: 0px 10px; }
#scroll3 p { font-size: 12px; margin-bottom: 10px;}