@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#575757; background:url(../img/bg.gif) repeat-x #e8e9e9; margin:0; padding:0;}

a {text-decoration:none; color:#575757;}
a:hover {text-decoration:underline; color:#575757;}
img {border:none;}
/*ul {list-style-image: none; list-style-type: none;}
li {list-style-image: none; list-style-type: none;}*/

#centrer {width:975px; margin:0px auto;}
#container {float:left; width:975px; background-color:#fff;}

#header_home {display:inline-block; float:left; width:955px; padding:30px 10px 0 10px; height:323px; background-color:#FFFFFF;}
#col_gauche_home{ width:200px; display:inline-block; float:left; margin-left:20px; margin-top:35px; margin-right:10px;}
#col_droite_home{ width:240px; display:inline-block; float:left; margin-left:18px; margin-top:35px; margin-bottom:40px;}
* html #col_gauche_home{margin-left:10px;}
* html #col_droite_home{margin-left:9px;margin-bottom:0px;}

#header {display:inline-block; float:left; width:955px; padding:0px 10px 0 10px; background-color:#fff; border-bottom:#eceded 1px solid;}
#col_gauche{ width:210px; display:inline-block; float:left; margin-left:20px;}
* html #col_gauche{margin-left:10px;}
#col_droite{ width:210px; display:inline-block; float:left; margin-bottom:40px; padding-top:20px;}
* html #col_droite{margin-bottom:0px;}
#col_centre{display:inline-block; float:left; width:477px; margin:0 29px 0 29px; font-size:12px;}
* html #col_centre{ margin-left:29px; margin-right:29px;}


#nav1 {display:inline-block; float:right; width:610px; height:30px;}
#nav2 {display:inline-block; float:right; width:625px; height:32px; margin-top:25px;}

.bt_nav2{display:inline-block; float:left; height:22px; padding:10px 0 0 20px;}

#ariane{display:inline-block; float:left; width:955px; height:35px; margin-left:20px; color:#a8b500; line-height:30px;}
* html #ariane{margin-left:10px; margin-right:0px;}

.clear{clear:both;}

#langue { float:right; width:70px; height:30px; margin:0 0 10px 0; }
#langue #fr { background-image:url(../img/francais.gif); width:30px; height:30px; float:right;}
#langue #fr:HOVER { background-image:url(../img/francais-hover.gif); cursor:pointer;}
#langue #en { background-image:url(../img/anglais.gif); width:34px; height:30px; float:right;}
#langue #en:HOVER { background-image:url(../img/anglais-hover.gif); cursor:pointer;}

/*----------------------------------------------------------------------------------
 news
 ----------------------------------------------------------------------------------*/
#news{ display:inline-block; float:left; width:200px;}
#news ul{margin-left:-55px;}
* html #news ul{margin-left:-15px;}
*+html #news ul{margin-left:-15px;}
#news li { width:200px; list-style-type: none; padding-left:15px; margin-top:10px;}
.ttNews{ display:inline-block; float:right; color:#a8b500;}
.ttNews:hover{ display:inline-block; float:right; color:#a8b500;}

/*----------------------------------------------------------------------------------
 home
 ----------------------------------------------------------------------------------*/
.blocCentre{display:inline-block; float:left; width:229px; margin-left:10px; margin-top:35px;}
.ContenubBlocCentre1, .ContenubBlocCentre2 { display:inline-block; float:left; width:227px; border-left:#eceded 1px solid; border-right:#eceded 1px solid;}

html>/**/body .ContenubBlocCentre1, html>/**/body .ContenubBlocCentre2 {min-height:286px;}
* html .ContenubBlocCentre1, * html .ContenubBlocCentre2 {height:345px;}
*+html .ContenubBlocCentre1, *+html .ContenubBlocCentre2 {min-height:345px;}
html[xmlns*=""] body:last-child .ContenubBlocCentre1, html[xmlns*=""] body:last-child .ContenubBlocCentre2 {min-height:316px;}

.ContenubBlocCentre1 ul, .ContenubBlocCentre2 ul{margin-left:-33px;}
* html .ContenubBlocCentre1 ul, * html .ContenubBlocCentre2 ul{margin-left:10px;}
*+html .ContenubBlocCentre1 ul, *+html .ContenubBlocCentre2 ul{margin-left:10px;}
.ContenubBlocCentre1 li { width:190px; list-style-type: none; background:url(../img/puce01.gif) no-repeat 0px 4px; padding-left:15px; padding-bottom:5px; margin-top:5px; border-bottom:#eceded 1px solid;}
.ContenubBlocCentre2 li { width:190px; list-style-type: none; background:url(../img/puce02.gif) no-repeat 0px 4px; padding-left:15px; padding-bottom:5px; margin-top:5px; border-bottom:#eceded 1px solid;}

.FooterBlocCentre1{ display:inline-block; float:left; color:#fff; background:url(../img/toutes-solutions-education.gif) no-repeat; width:200px; padding-right:29px; height:27px; min-height:27px; font-weight:bold; line-height:29px; text-align:right;}
.FooterBlocCentre2{ display:inline-block; float:left; color:#fff; background:url(../img/toutes-solutions-entreprises.gif) no-repeat; width:200px; padding-right:29px; height:27px; min-height:27px; font-weight:bold; line-height:29px; text-align:right;}
.FooterBlocCentre1:hover, .FooterBlocCentre2:hover {color:#fff;}

/*----------------------------------------------------------------------------------
 newsletter
 ----------------------------------------------------------------------------------*/
#newsletter_home{display:inline-block; float:left; width:240px; font-weight:bold;}
#newsletter{display:inline-block; float:left; width:210px; font-weight:bold; font-size:12px;}
 
#newsletter_home input, #newsletter input, #newsletter_home label, #newsletter label{display:inline-block; float:left; margin-right:10px;}
#newsletter_home label, #newsletter label{line-height:20px;}

#newsletter_home .erreur, #newsletter .erreur{display:inline-block; float:left; padding-bottom:10px; color:#d1241d; text-align:center; width:210px; font-weight:bold;}

.bt_ok {display:inline-block; float:left; background:url(../img/bt_ok.gif) no-repeat; width:27px; height:25px; min-height:25px; border:none;  cursor: pointer;}
.bt_ok:hover {display:inline-block; float:left; background:url(../img/bt_ok_hover.gif) no-repeat; width:27px; height:25px; min-height:25px; border:none;  cursor: pointer;}

html>/**/body .refletOkNewsletter{float:right; margin-right:13px;}
* html .refletOkNewsletter{float:right; margin-right:11px; margin-top:-19px;}
*+html .refletOkNewsletter{float:right; margin-right:11px;}
html[xmlns*=""] body:last-child #newsletter_home .refletOkNewsletter{float:right; margin-right:16px;}
html[xmlns*=""] body:last-child #newsletter .refletOkNewsletter{float:right; margin-right:10px;}

/*----------------------------------------------------------------------------------
 formulaire
 ----------------------------------------------------------------------------------*/
#contact form {display:inline-block; float:left; width:477px; background:url(../img/bg_degrade.gif) repeat-x bottom #FFFFFF;}
#contact label{clear:both; display:inline-block; float:left; font-weight:bold; width:130px; margin-left:40px; margin-top:8px; line-height:18px;}
#contact input{display:inline-block; float:left; width:235px; margin-top:8px;}
#contact select{display:inline-block; float:left; width:235px; margin-top:8px;}
#contact textarea{display:inline-block; float:left; margin-top:8px;}

#contact .bt_envoyer{clear:both; display:inline-block; float:left; background:url(../img/bt_envoyer.gif) no-repeat; width:119px; height:54px; min-height:54px; border:none;  cursor: pointer; margin-top:20px; margin-left:180px;}
#contact .bt_envoyer:hover{clear:both; display:inline-block; float:left; background:url(../img/bt_envoyer_hover.gif) no-repeat; width:119px; height:54px; min-height:54px; border:none;  cursor: pointer;margin-top:20px; margin-left:180px;}

#contact .erreur{display:inline-block; float:left; padding-bottom:10px; color:#d1241d; text-align:center; width:477px; font-weight:bold;}

/*----------------------------------------------------------------------------------
 Page
 ----------------------------------------------------------------------------------*/
.chapeau{display:inline-block; float:left; width:411px; padding:15px 10px 10px 56px; height:53px; background:url(../img/bg_chapeau.gif) no-repeat; font-size:14px; font-weight:bold; margin-bottom:20px;}

.textePage{ display:inline-block; float:left; width:477px; margin-bottom:20px;}
.textePage2{ display:inline-block; float:left; width:298px; margin-bottom:20px;}
.textePage img, .textePage2 img{display:inline-block; float:left; padding:1px; border:1px solid #a8b500; margin:10px;}

.textePage a, .textePage2 a{color:#a8b500; text-decoration:underline;}
.textePage a:hover, .textePage2 a:hover{color:#a8b500; text-decoration:none;}

.lienPuce, .divB a{ clear:both; display:inline-block; float:right; margin:10px; background:url(../img/puce03.gif) no-repeat; height:16px; padding-top:3px; padding-left:25px; color:#d1241d; text-decoration:none;  cursor: pointer;}
.divA a{ clear:both; display:inline-block; float:right; margin:10px; background:url(../img/puce04.gif) no-repeat; height:16px; padding-top:3px; padding-left:25px; color:#d1241d; text-decoration:none;  cursor: pointer;}
.lienPuce:hover, .divB a:hover {clear:both; display:inline-block; float:right; margin:10px; background:url(../img/puce03.gif) no-repeat; height:16px; padding-top:3px; padding-left:25px; color:#d1241d; text-decoration:underline;  cursor: pointer;}
.divA a:hover {clear:both; display:inline-block; float:right; margin:10px; background:url(../img/puce04.gif) no-repeat; height:16px; padding-top:3px; padding-left:25px; color:#d1241d; text-decoration:underline;  cursor: pointer;}

#liste{display:inline-block; float:left;}
#liste ul{margin-left:-55px;}
* html #liste ul{margin-left:-15px;}
*+html #liste ul{margin-left:-15px;}
#liste li { width:477px; list-style-type: none; padding-left:15px; margin-top:3px;}


#liste li img {display:inline-block; float:left; clear:both;}

.divA{display:inline-block; float:left; background-color:#e6f399; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; width:457px;}
.divB{display:inline-block; float:left; background-color:#fff; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; width:457px;}
* html .divA{padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; width:457px;}
* html .divB{padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; width:457px;}

.divA img, divB img {padding:1px; border:1px solid #a8b500; margin-right:10px; margin-bottom:10px;}

.video{ display:inline-block; float:left; width:444px; border:#e2e9b4 solid 13px; margin-bottom:20px;}

.plus{display:inline-block; float:left; width:190px; border:#eceded solid 1px; padding:5px;}
* html .plus{ padding-left:2px; padding-right:2px; padding-top:5px; padding-bottom:5px;}
.plus ul{margin-left:-55px; margin-bottom:0px;}
* html .plus ul{margin-left:-15px; margin-bottom:-3px;}
*+html .plus ul{margin-left:-15px; margin-bottom:-3px;}
.plus li {list-style-type: none; width:185px; padding-left:15px; /*height:20px;*/ padding-top:4px; padding-bottom:0px; margin-left:14px; margin-bottom:5px; background:url(../img/puce01.gif) no-repeat 2px 6px; color:#a8b500; font-weight:bold;}
* html .plus li {padding-left:10px; background:url(../img/puce01.gif) no-repeat 0 6px; }

/*----------------------------------------------------------------------------------
 Menu
 ----------------------------------------------------------------------------------*/
#Menu{display:inline-block; float:left; background:url(../img/refletmenu.gif) no-repeat bottom; padding-bottom:32px;}
#Menu ul{margin-left:-55px; margin-bottom:0px;}
* html #Menu ul{margin-left:-15px; margin-bottom:-3px;}
*+html #Menu ul{margin-left:-15px; margin-bottom:-3px;}
#Menu li { width:210px; list-style-type: none; padding-left:15px; margin-top:3px; height:28px;}
#Menu a{ display:inline-block; float:left; color:#fff; font-weight:bold; font-size:12px; background:url(../img/bg_menu.gif) no-repeat; width:190px; padding-left:20px; height:21px; padding-top:7px;}
#Menu a:hover{ display:inline-block; float:left; color:#fff; font-weight:bold; font-size:12px; text-decoration:none; background:url(../img/bg_menu_hover.gif) no-repeat; width:190px; padding-left:20px; height:21px; padding-top:7px;}

#MenuSolutionEntreprise, #MenuSolutionEducation{ border-left:#eceded 1px solid; border-right:#eceded 1px solid; border-bottom:#eceded 1px solid; display:inline-block; float:left; width:182px; padding:13px; margin-bottom:10px;}
#MenuSolutionEntreprise ul, #MenuSolutionEducation ul{margin-left:-55px; margin-bottom:0px;}
* html #MenuSolutionEntreprise ul, * html #MenuSolutionEducation ul{margin-left:-15px; margin-bottom:-3px;}
*+html #MenuSolutionEntreprise ul, *+html #MenuSolutionEducation ul{margin-left:-15px; margin-bottom:-3px;}

#MenuSolutionEntreprise li, #MenuSolutionEducation li {list-style-type: none; width:165px; padding-left:15px; min-height:14px; padding-top:4px; padding-bottom:5px; margin-left:14px; /*background:url(../img/puce05.gif) no-repeat #e7f2ee 2px 6px;*/ font-size:12px; color:#d12420;}
* html #MenuSolutionEntreprise li, * html #MenuSolutionEducation li {height:20px; padding-bottom:0px;}

#MenuSolutionEntreprise a, #MenuSolutionEducation a{ display:inline-block; float:left; background:#fff; width:165px; padding-left:15px; min-height:14px; padding-top:4px; margin-left:-15px; margin-top:-4px; padding-bottom:6px;}
* html #MenuSolutionEntreprise a, * html #MenuSolutionEducation a{height:20px; padding-bottom:0px;}

#MenuSolutionEntreprise a:hover { display:inline-block; float:left; text-decoration:none; background:url(../img/puce05.gif) no-repeat #e7f2ee 2px 6px; width:165px; padding-left:15px; min-height:14px; padding-top:4px; padding-bottom:6px; margin-top:-4px; color:#d12420;}
#MenuSolutionEducation a:hover { display:inline-block; float:left; text-decoration:none; background:url(../img/puce06.gif) no-repeat #f0f4d9 2px 6px; width:165px; padding-left:15px; min-height:14px; padding-top:4px; padding-bottom:6px; margin-top:-4px; color:#d12420;}
* html #MenuSolutionEntreprise a:hover , * html #MenuSolutionEducation a:hover {height:20px; padding-bottom:0px;}


#MenuSolutionEntreprise li ul, #MenuSolutionEducation li ul{margin-left:-55px; margin-bottom:0px;}
* html #MenuSolutionEntreprise li ul, * html #MenuSolutionEducation li ul{margin-left:-15px; margin-bottom:-3px;}
*+html #MenuSolutionEntreprise li ul, *+html #MenuSolutionEducation li ul{margin-left:-15px; margin-bottom:-3px;}

#MenuSolutionEntreprise li li, #MenuSolutionEducation li li {list-style-type: none; width:145px; padding-left:15px; min-height:14px; padding-top:4px; padding-bottom:5px; margin-left:14px; /*background:url(../img/puce05.gif) no-repeat #e7f2ee 2px 6px;*/ font-size:12px; color:#d1241e; background-color:#f1bdbb;}
* html #MenuSolutionEntreprise li li, * html #MenuSolutionEducation li li {height:20px; padding-bottom:0px;}

#MenuSolutionEntreprise li li a, #MenuSolutionEducation li li a{ display:inline-block; float:left; background-color:#f1bdbb; width:145px; padding-left:15px; min-height:14px; padding-top:4px; margin-left:-15px; margin-top:-4px; padding-bottom:6px; color:#575757;}
* html #MenuSolutionEntreprise li li a, * html #MenuSolutionEducation li li a{height:20px; padding-bottom:0px;}

#MenuSolutionEntreprise li li a:hover, #MenuSolutionEducation li li a:hover { display:inline-block; float:left; text-decoration:none; background:url(../img/puce07.gif) no-repeat #d1241e 2px 6px; width:145px; padding-left:15px; min-height:14px; padding-top:4px; padding-bottom:6px; margin-top:-4px; color:#fff;}
* html #MenuSolutionEntreprise li li a:hover , * html #MenuSolutionEducation li li a:hover {height:20px; padding-bottom:0px;}


.imprimerV{display:inline-block; float:right; color:#a8b500; background:url(../img/puce01.gif) no-repeat 0 2px; padding-left:15px; font-size:10px; text-transform:uppercase; margin-top:-13px;}
.imprimerV:hover{color:#a8b500;}

.imprimerB{display:inline-block; float:right; color:#5caec3; background:url(../img/puce01.gif) no-repeat 0 2px; padding-left:10px; font-size:10px; text-transform:uppercase; margin-top:-13px;}
.imprimerB:hover{color:#5caec3;}


.veille-educative {background:url(../img/veille-educative.gif) no-repeat; width:93px;}

/*----------------------------------------------------------------------------------
 Footer
 ----------------------------------------------------------------------------------*/
#margeFooter{ display:inline-block; float:left; width:975px; margin-top:0px;}
#bonhomme{display:inline-block; float:right; margin-top:-30px;}
* html #bonhomme{margin-top:0px;}
#footer {width:975px; height:58px; min-height:58px; text-align:center; padding-top:20px; font-size:9px; background:url(../img/bg_footer.gif) no-repeat;}

/*----------------------------------------------------------------------------------
 génrale
 ----------------------------------------------------------------------------------*/
h1 {font-size:20px; font-weight:bold; margin:0; margin-top:10px; margin-bottom:20px; padding-bottom:5px; color:#a8b500; /*margin-top:20px; */display:inline-block; float:left; width:477px; background:url(../img/bg_h1.gif) no-repeat bottom;}
h5{font-size:20px; font-weight:bold; margin:0; margin-top:10px; margin-bottom:20px; padding-bottom:5px; color:#5caec3; /*margin-top:20px; */display:inline-block; float:left; width:477px; background:url(../img/bg2_h1.gif) no-repeat bottom;}
h2 {font-size:12px; font-weight:bold; margin:0; margin-bottom:20px; margin-top:10px; color:#FFFFFF; background:url(../img/bg_h2.gif); width:467px; padding-left:10px; height:23px; line-height:24px; display:inline-block; float:left;}
h3 {font-size: 18px; width:477px; display:inline-block; float:left; margin:0; margin-bottom:10px; color:#a8b500; font-weight:bold;}
h4 {font-size: 14px; display:inline-block; float:left; margin:0; margin-bottom:10px; color:#575757; font-weight:bold;}
.blockGhe{display:inline-block; float:left;}
.blockDte{display:inline-block; float:right;}
.alignDte{float:right;}
.vert{color:#a8b500;}
.GrosVert{color:#a8b500; font-size:14px;}
.rouge{color:#d1241d;}
.GrosRouge{color:#d1241d; font-size:14px;}
.gris{color:#575757;}
.GrosGris{color:#575757; font-size:14px;}
.bleu{color:#5caec3;}