/* CSS Document */
/*
#E5EBF0 =
#00417F = bleu foncé
#ED1C24 = rouge
#9FA7C9 = bleu/mauve
#84899D = bleu gris
*/

html, body {font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;font-size: 11px;margin:0;padding: 0;
scrollbar-face-color: #F5F5F5;
scrollbar-highlight-color: #D7E1E4;
scrollbar-shadow-color: #D7E1E4;
scrollbar-3dlight-color: #85A4AD;
scrollbar-arrow-color:  #D7E1E4;
scrollbar-track-color: #FFF;
scrollbar-darkshadow-color: #00417F;}
body {background-color:#FFF;}

#conteneur {position:absolute;width:910px;height:585px;margin:5px 0 0 -455px; left:50%;background: url(../img/fond-droit.gif) top right no-repeat;}
#conteneur2 {position:absolute;width:910px;height:585px;margin:5px 0 0 -455px; left:50%;background: url(../img/fond-droit2.gif) top right no-repeat;}
/*bandeau*/
#entete {height:92px;width:707px;background: url(../img/fond-entete.gif) repeat-x;margin:0;padding: 0;}
#entete img {margin: 7px 0 0 0px;}
#entete img.educ {margin: 7px 0 0 69px;}

/*inter tête et corps : le réseau...*/
#titre {height: 29px;width:750px;background-color: #E5EBF0;margin:0px;padding: 0px;}
#titre img {padding:0px;margin:0px;} * html #titre img {padding:0px;margin:-2px;}

/*left side*/
#gauche {float:left;width:203px; height:450px;border-right:2px solid #9FA7C9;background: url(../img/E.gif) no-repeat;background-position:50% 5px ;background-color: #E5EBF0;}
#gauche h1 {width:100%;background-color:#ED1C24;color:white; font-variant:small-caps;letter-spacing: 3pt;font-size:140%;line-height:18px;text-align:center;margin:0px;padding:0px;}
#gauche h2 {font-size:13px;height:15px;color:#00417F;margin:20px 0 2px 0px;}
#gauche h2 span {font-size:10px;}
#gauche form  {border: 1px dotted #9FA7C9;width:195px;margin:110px 0 0 3px; }
#gauche form select {  background-color: #F5F5F5; color: #102132; border: 1px solid #284279;font-size:90%;width:195px;}
#gauche form input {border: 1px solid #ED1C24;background-color:#fff;font-size:80%;font-weight:bold;color:#0073B5; margin:20px 0 15px 50px;}
#gauche img {margin:5px 0 0 7px;}
#gauche p {padding:0px; margin:10px;color:#84899D;}
#gauche p a {text-decoration:none;display:block;width:150px;background-color:#ED1C24;color:#fff;font-weight:bolder;}
#gauche p a:hover {background-color:#84899D;color:#fff;}


/*centre accueil*/
#centre {float:left;width:283px;height:399px;border-top:3px solid #9FA7C9;}
#centre h2 {width: 270px;color:#ED1C24;background: url(../img/fleche-bidi.gif) no-repeat;background-position:247px -25px;
background-color: #E5EBF0;padding:-3px;margin:3px 0 0 0px;border-right:2px solid #929AB9;}
#centre h2 a {background: url(../img/fleche-bidi.gif) no-repeat;background-position:247px -25px;display:block;width: 268px;height:24px;}
#centre h2 a:hover {background: url(../img/fleche-bidi.gif) no-repeat;background-position:247px 4px;}
#centre h2 img {margin:2px;border:none;}
#centre h2 a img {border:none;}
#centre p {width:270px;height:39px;background-color: #D4DDE5;padding:0px;margin:0px 0 12px 0px;border-right:2px solid #929AB9;border-bottom:2px solid #797979;
text-align:right; color:#0073B5; font-weight:bolder;line-height:13px;}
#centre p span {color: #ED1C24;}

/*centre générique*/
#centregen {float:left; width:380px;height:399px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;overflow:auto;}
#centregen h1 {font-size:200%;color: #ED1C24;padding:0px; margin:1px 0 0 5px;}
#centregen h2 {font-size:140%;color: #ED1C24;padding:0px; margin:1px 0 0 5px;}
#centregen p {padding:0px; margin:3px;color:#84899D;}
#centregen h3 {font-size:110%;padding:0px; margin:7px 0 0 4px;background-color: #E5EBF0;color:#84899D;}
#centregen h3 span {color:#ED1C24;}
#centregen h3 a {display:block;}
#centregen h3 a img {border:none;}
#centregen h3 a:hover {text-decoration:none;background-color: #9FA7C9;}
#centregen h5 {color:#000000;font-size: 140%;text-decoration:underline;}
#centregen h6 {color:#84899D;font-size: 120%;}
#centregen ul {list-style-type:none;}
#centregen span {font-weight:bolder;}
#centregen img.demarche {margin-left:4px;}
#centregen a {text-decoration:none;color:#0073B5;}
#centregen a:hover {text-decoration:underline;}
#centregen table {border:none;}
#centregen table span {color:#ED1C24;}

/*formulaire*/
#centregen form  {margin:15px 0 0 3px; }
#centregen form fieldset {}
#centregen form legend {margin: 0 2px 0 2px;}
#centregen form select {  background-color: #F5F5F5; color: #102132; border: 1px solid #284279;font-size:90%;}
#centregen form input {border: 1px solid #ED1C24;background-color:#fff;font-size:80%;font-weight:bold;color:#0073B5; margin:0px 0 0px 10px;}
#centregen form optgroup {font-style:normal;}
#centregen form option {padding:2px;}
#centregen form label {display:block; float:left; width:150px;text-align:left;}
#centregen form p {clear:both; margin: 10px 0 0 2px;}

/*centre listing gretas*/
#centregretas {float:left; width:380px;height:399px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;overflow:auto;}
#centregretas h2 {font-size:14px;width: 350px;color:#ED1C24; background-color: #E5EBF0;padding:-3px;margin:3px 0 0 0px;border-right:2px solid #929AB9;}
#centregretas h2 a {width:347px;display:block;text-decoration:none;color:#ED1C24;}
#centregretas h2 a:hover {background-color: #fff;}
#centregretas p {width:350px;background-color: #D4DDE5;padding:0px;margin:0px 0 9px 0px;border-right:2px solid #929AB9;border-bottom:2px solid #797979;
text-align:right; color:#0073B5; font-weight:bolder;line-height:13px;}
#centregretas p span {color: #ED1C24;}

/*centre gretasdroite*/
#centregretasdr {float:left; width:200px;height:165px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;}
#centregretasdr p {padding:0px; margin:10px;color:#84899D;}
#centregretasdr p a {text-decoration:none;color:#84899D;}
#centregretasdr p a:hover {background-color:#84899D;color:#fff;}
#centregretasdr fieldset {margin:5px 0 0 5px;width: 150px;color:#84899D;}
#centregretasdr fieldset p {margin: 3px 0 0 5px;}
#centregretasdr fieldset a {text-decoration:none;color:#84899D;}
#centregretasdr fieldset a img {border:0;}
#centregretasdr fieldset a:hover {background-color:#84899D;color:#fff;}
#centregretasdr legend {color:#ED1C24;}
#centregretasdr ul {list-style-type:none;padding:0px; margin:0px 0 5px 10px;color:#84899D;}
#centregretasdr ul span {color:#00417F; font-weight:bolder;}
#centregretasdr li {padding:0px; margin:0px;color:#84899D;}
#centregretasdr li a {text-decoration:none;display:block;width:150px;background-color:#ED1C24;color:#fff;font-weight:bolder;}
#centregretasdr li a:hover {background-color:#84899D;color:#fff;}
#centregretasdr h3 {text-align:center;color:#84899D;padding:3px;border:2px dashed #84899D; }

/*centre greta*/
#centregreta {float:left; width:380px;height:165px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;} * html #centregreta {height:172px;}
#centregreta h1 {font-size:200%;color: #ED1C24;padding:0px; margin:1px 0 0 5px;}
#centregreta h2 {font-size:200%;color: #ED1C24;padding:0px; margin:1px 0 0 5px;}
#centregreta h3 {font-size:100%;padding:0px; margin:7px 0 0 4px;background-color: #E5EBF0;color:#84899D;}
#centregreta p {padding:0px; margin:3px;color:#84899D;}

/*centre gretadroite*/
#centregretadr {float:left; width:200px;height:165px;border-top:3px solid #9FA7C9;border-left:2px solid #84899D;margin:0px;padding:0px;} * html #centregreta {height:172px;}
#centregretadr span {padding:0px; margin:3px;color:#84899D;}
#centregretadr p {padding:0px; margin:10px;color:#84899D;}
#centregretadr p a {text-decoration:none;color:#84899D;}
#centregretadr p a:hover {background-color:#84899D;color:#fff;}
#centregretadr fieldset {margin:5px 0 0 5px;width: 100px;color:#84899D;}
#centregretadr fieldset p {margin: 3px 0 0 5px;}
#centregretadr fieldset a {text-decoration:none;color:#84899D;}
#centregretadr fieldset a img {border:0;}
#centregretadr fieldset a:hover {background-color:#84899D;color:#fff;}
#centregretadr fieldset span {color:red;}
#centregretadr legend {color:#ED1C24;}

/*sous centre greta*/
#souscentregreta {float:left;width:619px;height:133px;border-top:8px solid #9FA7C9;border-bottom:8px solid #9FA7C9;background-color:#F0F4FE;margin:5px 0 0 0px;} * html #souscentregreta {width:621px;height:131px;}
#souscentregreta ul {list-style-type:none;padding:0px; margin:2px 0 0 10px;color:#84899D;}
#souscentregreta li {padding:0px; margin:0px;color:#84899D;}
#souscentregreta li span {font-weight:bolder;}

/*adresse*/
#adresse {float:left;width:530px;height:75px;color:#84899D;margin:5px 0 0 0px;padding:0px;} * html #adresse {margin:0px 0 0 0px;}
#adresse img {float:left;text-align:right;}
#adresse p {float:left;padding:0px; margin:0px;color:#84899D;}
.adress {border: 2px solid #E5EBF0;height:67px;}

/*centreresult*/
#centreresult {float:left; width:520px;height:399px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;overflow:auto;}
#centreresult h1 {font-size:120%;color: #ED1C24;padding:0px; margin:1px 0 0 5px;}
#centreresult h3 {font-size:110%;padding:0px; margin:7px 0 0 4px;background-color: #E5EBF0;color:#84899D;}
#centreresult h3 a {display:block;text-decoration:none;color:#84899D;}
#centreresult h3 a:hover {text-decoration:none;background-color: #9FA7C9;color:#00417F;}
#centreresult p {font-size:100%;color: #00417F;padding:0px; margin:1px 0 0 5px;}
#centreresult p a {text-decoration:none;color: #00417F;}
#centreresult p a img {border:0;}
#centreresult p a:hover {text-decoration:none;color: #fff;background-color:#00417F;}
#centreresult ul {list-style-type:none;margin:2px 0 0 5px;padding:10px;background-color:#f5f5f5;border:2px dotted #ccc;width:90%;} * html #centreresult ul {width:90%;}
#centreresult li {color:#00417F;font-size:90%;}
#centreresult hr {color:#E5EBF0;}
#centreresult span {color:#ED1C24;}
#centreresult form  {margin:15px 0 0 3px; }
#centreresult form select {background-color: #F5F5F5; color: #102132; border: 1px solid #284279;font-size:90%;width:195px;}
#centreresult form input {border: 1px solid #ED1C24;background-color:#fff;font-size:80%;font-weight:bold;color:#0073B5; margin:0px 0 0px 10px;}
#centreresult form textarea {border: 1px solid #ED1C24;background-color:#fff;font-size:100%;color:#0073B5; margin:0px 0 0px 10px;}
.detailformation {color:#00417F;font-weight:bolder;}
.gretaalt {font-size:100%;color: #ED1C24;padding-left:20px; margin:0px;}
.gretaalt a {text-decoration:none;}
.gretaalt a:hover {background-color:#ED1C24;color:#fff;}
.tableau {border:none;background-color:#F0F4FE;}
.tableauv {border:none;}

/*centre greta actu*/
#centreactu {float:left; width:380px;height:399px;border-top:3px solid #9FA7C9;margin:0px;padding:0px;overflow:auto;}
#centreactu h2 {height:25px;color:#fff;font-size:110%;margin:0px;padding:3px;}
#centreactu h3 {color:#00417F;font-weight:bolder;margin:0px;font-size:100%;}
#centreactu h4 {color:#00417F;font-size:90%;margin:0px;}
#centreactu p {color:#00417F;margin:4px 0px 15px 0px;}
#centreactu span {color:#9FA7C9;}


table {border: 1px solid #ED1C24; font-size:100%;}
.title {background-color:#ED1C24;color:#FFF;font-weight:bolder;padding:3px;}
.titler {background-color:#ED1C24;color:#FFF;font-weight:bolder;border-right:1px solid white;padding:3px;}
.titlerdet {background-color:#ED1C24;color:#FFF;font-weight:bolder;padding:3px;}
.cont {padding:3px;}
.contr {border-right:1px solid #CCC;padding:3px;}
.contrdet {border:1px solid #ED1C24;background-color:#F0F4FE;padding:3px;}


/*bandeau vertical pub et visus*/
#centrepub {float:left;width:113px;height:305px;background-color: #E5EBF0;border-top:3px solid #9FA7C9;}
#centrepub ul {list-style-type:none;margin:2px 0 0 1px;;padding:0px;}
#centrepub li {text-align:center;}
#centrepub li.red {background-color:#ED1C24;color:white;margin:21px 0 21px 0;border-right:2px solid white;border-left:1px solid white;}
#centrepub li.red a {text-decoration:none;color:#fff;font-weight:bolder;}
#centrepub li.red a:hover {text-decoration:none;background-color:#FFF;color:#ED1C24;}

/*right side*/
#actu {float:left;width:289px/*208px*/;height:304px;border-top:3px solid #9FA7C9;background-color: #e3e9ee;} * html #actu {height:313px;}
#actu h2 {width: 286px;height:17px;background-color: #E5EBF0;font-size:14px;line-height:16px;padding:0px;margin:3px 0 0 4px;border-bottom:1px solid #C6C6C6;color:#0073B5;}
* html #actu h2{line-height:17px;}
#actu p {width:293px;/*height:120px;*/background-color: #e3e9ee;padding:0px;margin:1px 0 0 4px;color:#0073B5;line-height:14px;}
#actu span.date {color:#9FA7C9;position:absolute;margin:20px 0 0 -20px;}
#actu h3 {width: 173px;height:16px;background-color: #E5EBF0;font-size:13px;color:#9FA7C9;line-height:16px;margin:1px 0 0 4px; padding:0px;}
#actu h4 {width: 173px;background-color: #E5EBF0;font-size:90%;color:#9FA7C9;line-height:15px;margin:0px 0 0 4px; padding:0px;}
#actu h4 span {color:red;margin:1px 0 0 2px;}
#actu p a {text-decoration:none;color:#0073B5;}
#actu p a:hover {text-decoration:underline;}

/*liens*/
#liens {float:left;height:80px;width: 250px;overflow:auto;border: 1px dashed #9FA7C9;margin:0px 0 4px 0px; padding:0px;}
#liens h2 {font-size:13px;color:#ED1C24;line-height:16px;margin:0px 0 0 4px; padding:0px;background-color:#F0F4FE;}
#liens p {margin:0px; padding:4px;font-size:90%;line-height:14px;}
#liens p a {text-decoration:none;color:#0073B5;}
#liens p a:hover {text-decoration:underline;}

/*pré footer*/
#degrad {float:left;height:46px;width: 510px;background: url(../img/degrad.gif) right repeat-y;margin-bottom: 2px;} /* html #degrad {margin-top: -7px;}*/
#degrad ul {float:right;width:260px;list-style-type:none;margin:12px 0 0 0px;padding:0px;}
#degrad li {float:left;height:24px; width:24px; background-color:#fff;margin:0px 25px 0 0px;}

/*pied de page*/
#footer {height:13px;float:left;width:805px;background-color:#9FA7C9;padding:0px;margin:0px;}
#footer p {font-size:90%;height:13px;padding:0px;margin:-2px 0 0 5px;font-weight:bold;color:#00417F;}
#footer p a {text-decoration:none;color:#00417F;}
#footer p a:hover {text-decoration:underline;color:#fff;}
#footer p span {font-size:90%;padding:3px;margin:0px;color:#E5EBF0;}

/*
#E5EBF0 =
#00417F = bleu foncé
#ED1C24 = rouge
#9FA7C9 = bleu/mauve
#84899D = bleu gris

*/