/* Redefinitions des balises HTML */ 
*{margin:0;padding:0; direction:rtl;}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:11px Tahoma, Arial, Helvetica, Sans-serif;font-weight:normal;color:#363636;}
img{border:0}
a{text-decoration:underline; color:#0069B1;}
a:hover{text-decoration:underline; color:#2CA792;}
ul{list-style:none;}
.clear{clear:both;}

body{background:url(../images/background/body.jpg) repeat-x #ECF5F6;}

#Global{width:955px; margin:0 auto;}

#Global #Header{width:955px; height:165px; background:url(../images/background/header.jpg) no-repeat; position:relative;}
#Global #Header .Impression{position:absolute; top:225px; right:614px; display:none;}
#Global #Header .TopMenu{position:absolute; top:3px; right:320px; color:#0069B1; font-size:10px; width:500px;}
#Global #Header .TopMenu span{margin:0 3px;}
#Global #Header .TopMenu a{font-size:10px; color:#0069B1; text-decoration:none;}
#Global #Header .TopMenu a:hover{color:#A5BAC8; text-decoration:none;}
#Global #Header .Recherche{position:absolute; top:1px; right:640px; color:#A5BAC8; font-size:10px; width:165px;}
#Global #Header .Recherche .InputText{width:136px; height:13px !important; height:14px;  background:url(../images/background/InputRecherche.gif) no-repeat; border:none; text-align:center; font-size:10px; color:#A5BAC8; float:right; padding:0 0 3px 0 !important; padding:2px 0 0 0;}
#Global #Header .Recherche .InputBotton{width:24px; height:16px; float:right; margin-right:3px;}
#Global #Header .logo{position:absolute; top:0; left:13px;}
#Global #Header .tag{position:absolute; top:0; right:13px;}
#Global #Header .slogan{position:absolute; top:25px; right:240px;}

#Global #Menu{width:955px; height:35px; background:url(../images/background/menu.gif) repeat-x;}
#Global #Menu ul{margin:0; padding:0;}
#Global #Menu li{float:right; display:inline; position:relative; z-index:9999;}
#Global #Menu ul li ul{display:none; background:#CEEAFE; position:absolute; right:0px; top:31px; padding:4px 4px 4px 4px; width:190px; direction:ltr;}
#Global #Menu ul li ul li{display:block; background:url(../images/pictos/fleche_SM_ar.gif) no-repeat right 5px; height:auto; white-space:nowrap; margin-bottom:4px; clear:right; padding:0 14px 0 10px; width:176px; *right:8px; }
#Global #Menu ul li ul li a{margin:0; height:auto; white-space:nowrap; color:#004E83; text-decoration:none; font-weight:bold;}
#Global #Menu ul li ul a:hover{margin:0; height:15px;  color:#36B09C; height:auto; padding:1px 0; text-decoration:none;}
#Global #Menu ul li:hover ul{display:block;}
#Global #Menu ul li.sfhover ul{display:block;}

#Global #MainCenter{width:942px; margin:17px 6px 20px 7px;}

#Global #MainCenter #MainRight{width:326px/*660px*/; float:right; display:inline;}
#Global #MainCenter #MainRight .BlocNews{width:326px; height:486px; float:right; display:inline;}
#Global #MainCenter #MainRight .Margine{margin:0 7px 0 1px;}
#Global #MainCenter #MainRight .BlocNews .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainRight .BlocNews .arrondi{width:326px; height:8px;}
#Global #MainCenter #MainRight .BlocNews .news{width:326px; height:452px; background:url(../images/background/news.png) repeat-x; position:relative;}
#Global #MainCenter #MainRight .BlocNews .news .savoirPlus{width:98%; height:10px; clear:both; position:absolute; bottom:0; right:0; text-align:left; }
#Global #MainCenter #MainRight .BlocNews .news .rssActualites{width:98%; height:10px; clear:both; position:absolute; top:-10px; left:0; text-align:left; }

#Global #MainCenter #MainRight .BlocNews .news .annonce{width:326px; height:81px; margin:4px 0; float:right}
#Global #MainCenter #MainRight .BlocNews .news .annonce .visuel{width:65px; height:65px; float:right; display:inline;margin:5px 5px 0 8px;}
#Global #MainCenter #MainRight .BlocNews .news .annonce .texte{width:216px; /*float:right;*/ display:inline; margin:0 8px 15 0;}
#Global #MainCenter #MainRight .BlocNews .news .annonce .texte p{line-height:13px; margin:3px 0 0px 0; _margin:4px 0 5px 0;padding-right:10px}
#Global #MainCenter #MainRight .BlocNews .news .annonce .texte .titre{color:#0069B1; font-weight:bold;margin-top: 0;}
#Global #MainCenter #MainRight .BlocNews .news .annonce .texte .titre a{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainRight .BlocNews .news .annonce .texte .titre a:hover{color:#2CA792; font-weight:bold; text-decoration:none;}

#Global #MainCenter #MainRight .BlocNews .news_Milieu{width:326px; height:190px; background:url(../images/background/news_Milieu.gif) repeat-x; position:relative;}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .savoirPlus{width:98%; height:10px; clear:both; position:absolute; bottom:0; right:0; text-align:left; }
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce{width:326px; height:85px; margin:5px 0; float:right}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .visuel{width:84px; height:71px; float:right; display:inline;margin:5px 5px 0 8px;}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .texte{width:216px; /*float:right;*/ display:inline; margin:0 8px 0 0;}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .texte p{line-height:13px; margin:13px 0 0px 0; _margin:4px 0 5px 0;padding-right:10px}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .texte .titre{color:#0069B1; font-weight:bold;margin-top: 0;}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .texte .titre a{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainRight .BlocNews .news_Milieu .annonce .texte .titre a:hover{color:#2CA792; font-weight:bold; text-decoration:none;}


/*** Bloc Pratiques*****/
#Global #MainCenter #MainLeft .BlocPratiques{width:326px; height:225px; float:right; display:inline;}
#Global #MainCenter #MainLeft .Margine{margin:0/* 1px 0 7px*/;}
#Global #MainCenter #MainLeft .BlocPratiques .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainLeft .BlocPratiques .arrondi{width:326px; height:8px;}

#Global #MainCenter #MainLeft .BlocPratiques .news{width:326px; height:190px; background:url(../images/background/news_Milieu.gif) repeat-x; position:relative;}
#Global #MainCenter #MainLeft .BlocPratiques .news .savoirPlus{width:98%; height:10px; clear:both; position:absolute; bottom:0; right:0; text-align:left; }
#Global #MainCenter #MainLeft .BlocPratiques .news .rssActualites{width:98%; height:10px; clear:both; position:absolute; top:-10px; left:0; text-align:left; }

#Global #MainCenter #MainLeft .BlocPratiques .news .annonce{width:326px; height:85px; margin:5px 0; float:right}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .visuel{width:84px; height:71px; float:right; display:inline;margin:5px 5px 0 8px;}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .visuel_pratiq{width:84px; height:170px; float:right; display:inline;margin:5px 5px 0 8px;}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .texte{width:216px; /*float:right;*/ display:inline; margin:0 8px 0 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .texte p{line-height:13px; margin:3px 0 0px 0; _margin:4px 0 5px 0;padding-right:10px}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .texte .titre{color:#0069B1; font-weight:bold;margin-top: 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .texte .titre a{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocPratiques .news .annonce .texte .titre a:hover{color:#2CA792; font-weight:bold; text-decoration:none;}





/****/



#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu{width:326px; height:190px; background:url(../images/background/news_Milieu.gif) repeat-x; position:relative;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .savoirPlus{width:98%; height:10px; clear:both; position:absolute; bottom:0; right:0; text-align:left; }
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce{width:326px; height:85px; margin:5px 0; float:right}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .visuel{width:84px; height:71px; float:right; display:inline;margin:5px 5px 0 8px;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte{width:216px; /*float:right;*/ display:inline; margin:0 8px 0 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte p{line-height:13px; margin:13px 0 0px 0; _margin:4px 0 5px 0;padding-right:10px}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte .titre{color:#0069B1; font-weight:bold;margin-top: 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte .titre a{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte .titre a:hover{color:#2CA792; font-weight:bold; text-decoration:none;}

/******Style une seule case pratique*/
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte2{width:216px; /*float:right;*/ display:inline; margin:0 20px 0 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte2 p{line-height:13px; margin:25px 150px 0px 0; _margin:4px 0 5px 0;padding-right:10px}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte2 .titre{color:#0069B1; font-weight:bold;margin-top: 0;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte2 .titre a{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocPratiques .news_Milieu .annonce .texte2 .titre a:hover{color:#2CA792; font-weight:bold; text-decoration:none;}





#Global #MainCenter #MainLeft .SeviceLigne{width:330px; height:90px; float:right; display:inline; margin:3px 0;}



#Global #MainCenter #MainRight .BlocSurWeb{width:326px; float:right; display:inline; height:164px;}
#Global #MainCenter #MainRight .BlocSurWeb .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainRight .BlocSurWeb .arrondi{width:326px; height:8px;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb{width:326px; background:url(../images/background/SurWeb.gif) repeat-x; height:120px; position:relative; padding:9px 0 0 0;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb p{margin:0 19px 0 0;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .VisuelWeb{position:absolute; z-index:0; right:5px; width:244px; height:93px;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .RubWeb{position:absolute; top:68px; right:13px;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .RubWeb li{width:90px; height:14px; background:url(../images/pictos/fleche_bleu.gif) no-repeat 97px 5px #fff; padding:0 14px 0 0;  margin-bottom:3px;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .RubWeb li a{color:#228CAF; text-decoration:none;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .RubWeb li a:hover{color:#36B09C; text-decoration:none;}


#Global #MainCenter #MainRight .BlocSurWeb .SurWeb p{line-height:14px; margin:0 10px 0 10px; padding:0px 0 3px 0; }
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb span{color:#0069B1; font-weight:bold;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .suite{ width:320px; height:9px; background:url(../images/background/suite.gif) no-repeat 26px 11px; text-align:left; padding-bottom:3px;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .suite1{}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .suite a{color:#0069B1; font-size:12px; text-decoration:none;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .suite a:hover{color:#36B09C; font-size:12px; text-decoration:none;}
#Global #MainCenter #MainRight .BlocSurWeb .SurWeb .suite img{margin:5px 0 0 0;}



#Global #MainCenter #MainLeft .BlocCarte{width:326px; float:right; display:inline; height:166px; margin:0 0 0 0;}
#Global #MainCenter #MainLeft .BlocCarte .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainLeft .BlocCarte .arrondi{width:326px; height:8px;}
#Global #MainCenter #MainLeft .BlocCarte .carte{width:326px; background:url(../images/background/carte.gif) repeat-x; height:131px; position:relative;}
#Global #MainCenter #MainLeft .BlocCarte .carte p{line-height:14px; margin:0 10px 0 10px; padding:0 0 3px 0;}
#Global #MainCenter #MainLeft .BlocCarte .carte span{color:#0069B1; font-weight:bold;}
#Global #MainCenter #MainLeft .BlocCarte .carte .suite{width:320px; height:9px; background:url(../images/background/suite.gif) no-repeat 26px 11px; text-align:left; padding-bottom:14px;}
#Global #MainCenter #MainLeft .BlocCarte .carte .suite a{color:#0069B1; font-size:12px; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocCarte .carte .suite a:hover{color:#36B09C; font-size:12px; text-decoration:none;}

#Global #MainCenter #MainLeft{width:612px/*278px*/; float:right; display:inline; margin-right:4px;}

#Global #MainCenter #MainLeft .BlocDoc{width:278px; height:225px;float: right;display: inline;margin:0 7px 0 1px;}
#Global #MainCenter #MainLeft .BlocDoc .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainLeft .BlocDoc .arrondi{width:278px; height:8px;}
#Global #MainCenter #MainLeft .BlocDoc .Doc{width:278px; height:190px; background:url(../images/background/doc.gif) repeat-x;}
#Global #MainCenter #MainLeft .BlocDoc .Doc p{padding:6px 20px 2px 28px; line-height:14px;}
#Global #MainCenter #MainLeft .BlocDoc .Doc .pdf{float:left; display:inline; margin:4px 0 0 17px;}
#Global #MainCenter #MainLeft .BlocDoc .Doc ul{margin:6px 18px 0 0;}
#Global #MainCenter #MainLeft .BlocDoc .Doc li{width:98px; height:17px; background:url(../images/background/RubDoc.gif) no-repeat; padding:2px 10px 0 0; margin-bottom:12px;}
#Global #MainCenter #MainLeft .BlocDoc .Doc li.last{margin-bottom:0px;}
#Global #MainCenter #MainLeft .BlocDoc .Doc li a{color:#fff; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocDoc .Doc li a:hover{color:#36B09C; text-decoration:none;}
#Global #MainCenter #MainLeft .CallCenter{width:278px; height:90px; margin:6px 0 4px;float: right;display: inline;}

#Global #MainCenter #MainLeft .BlocEcoute{width:278px;float: right;display: inline;margin: 2px 7px 2px 1px;}
#Global #MainCenter #MainLeft .BlocEcoute .titre{margin-right:10px; height:19px;}
#Global #MainCenter #MainLeft .BlocEcoute .arrondi{width:278px; height:8px;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute{width:278px;height:70px; background:url(../images/background/ecoute.gif) repeat-x; padding:0 0 3px 0;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute .visuel{width:110px; float:left; display:inline; margin-left:7px; text-align:left;}
#Global #MainCenter #MainLeft .referentiel{width:278px;float: right;display: inline; margin:0 7px 6px 1px;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute p{line-height:14px; padding:2px 15px 2px 0;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute p span{color:#006F5D; font-weight:bold;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute p a{color:#006F5D; font-weight:bold; text-decoration:none;}
#Global #MainCenter #MainLeft .BlocEcoute .Ecoute p a:hover{color:#0069B1; font-weight:bold; text-decoration:none;}
#Global #footer{width:942px; height:39px; background:url(../images/background/footer.gif) repeat-x bottom; position:relative;}
#Global #footer .BottomMenu{position:absolute; bottom:6px; left:-8px; color:#8FAFC4;}
#Global #footer .Signature{position:absolute; bottom:6px; right:-8px; color:#8FAFC4;}
#Global #footer span{margin:0 10px;}
#Global #footer a{color:#8FAFC4; text-decoration:none;}
#Global #footer a:hover{color:#0069B1; text-decoration:none;}