/* a reçu la maj V4  mis en ligne le 12/09/2006  */

body{font-family:Arial, Helvetica, sans-serif;}
hr{display:block; clear:both; float:none;}

/* getion des titre h en taille petite */
.typ-h1
{
color:#C40D0A; background-color:inherit; font-size:12px; font-weight:bold; margin:0; padding:10px 0px 5px 10px;
}



/* *********************** BLOC CARRE ***************************** */
.carrebloc{width:270px; margin-bottom:25px}
.carrbloctire{ font-size:18px; font-weight:bold;  color:red; background-color:inherit;}   /* height:50px;  */ 
 

.carrbloctire h1{padding:0; margin:0;font-size:18px; font-weight:bold;   color:#red; background-color:inherit;}  /* height:50px;  */ 
.carrbloctire img {width:90px; height:90px; float:left; padding-right:5px;}
.carrparagraphe p{padding: 10px 0 0 0; margin:0; font-size:12px; text-align:justify}
.carresavoirplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:270px;text-align:left; margin-top:20px; line-height:1.3em}
.carresavoirplus a{color:#C40D0A; background-color:inherit; text-decoration:none}
.carresavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}




/* *********************** CARRE SIMPLE ***************************** */
.carresimple{width:270px; margin-bottom:25px; clear:both;}
.carresimpletire{ background-image:url(../artpackage/carresimple.gif); background-repeat:no-repeat}
.carresimpletire span{font-size:12px; font-weight:bold;   color:red; background-color:#fff;padding-right:3px;}
.carresimpleparagraphe {background-image:url(../artpackage/carresimplebas.gif); background-repeat:no-repeat; background-position: bottom; padding-bottom:15px;}
.carresimpleparagraphe p img{ width:90px; float:left; padding-right:5px;}
.carresimpleparagraphe p{ padding:0; margin:0; font-size:12px; text-align:justify;}
 





/* *********************** BLOC RECTANGLE ***************************** */
.rectanglebloc{width:560px; margin-bottom:25px; clear:both}
.rectbloctire{ font-size:18px; font-weight:bold; text-transform:capitalize;  color:red; background-color:inherit;height:25px;}
.rectbloctire h1{padding:0; margin:0;font-size:18px; font-weight:bold; text-transform:capitalize;  color:red; background-color:inherit;height:25px;}
.rectangparagraphe img {width:90px; height:90px; float:left; padding-right:5px; display:block;}
.rectangparagraphe p{padding:0; margin:0; font-size:12px; text-align:justify; float:right;  width:auto}
.rectsavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif); background-position:right; background-repeat:no-repeat;  color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px}
.rectsavoirplus a{color:red; background-color:inherit; text-decoration:none}
.rectsavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}




/* *********************** Recta ***************************** */
.recta {width:560px; margin-bottom:25px; clear:both}
.rectactire{ font-size:18px; font-weight:bold; text-transform:capitalize;  color:red; background-color:inherit;height:25px;}
.rectaparagraphe span{padding:0; margin:0;font-size:18px; font-weight:bold;   color:red; background-color:inherit;height:25px;}
.rectaparagraphe evidence{padding:0; margin:0;font-size:12px; font-weight:bold;   color:red; background-color:inherit;height:25px;}
.rectaparagraphe img {width:90px; height:90px; float:left; padding-right:5px; display:block;}
.rectaparagraphe p{padding:0; margin:0;  text-align:justify; float:right;  width:auto; font-size:12px; font-weight:bold; color:#666666; background-color:inherit}

/* *********************** BLOC PAGE FEUILLE  ***************************** */
.pagefeuillebloc{width:560px; margin-bottom:25px; clear:both}
.pagefeuilletire{ font-size:18px; font-weight:bold; text-transform:capitalize;  color:red; background-color:inherit;height:25px;}
.pagefeuilleparagraphe img {width:260px; height:110px; float:left; padding-right:10px; display:block;}
.pagefeuilleparagraphe p{padding:0; margin:0; font-size:12px; text-align:justify; float:right;  width:auto}
.feuillesavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif);  background-repeat:no-repeat; background-position:right; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px}
.feuillesavoirplus a{color:red; background-color:inherit; text-decoration:none}
.feuillesavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}

.feuillesavoirplus2{ clear:both; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px}
.feuillesavoirplus2 a{color:red; background-color:inherit; text-decoration:none}
.feuillesavoirplus2 a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}

/* *********************** BLOC Bordure ***************************** */
.bordurebloc{width:270px; margin-bottom:25px; clear:both;}
.borduretire{height:16px;background-image: url(../artpackage/borduretitre.gif); background-repeat:no-repeat; width:270px; }
.borduretire span{ font-size:12px; font-weight:bold; color:red; background-color:#FFFFFF;margin-left:7px;}
.bordureparagraphe{border-left:1px solid red;border-right:1px solid red; border-bottom:1px solid red; width:268px; padding:0 0 3px 0;text-align:justify; margin:0; }
.bordureparagraphe p{margin:0; padding:3px;}
.bordureparagraphe img {width:80px; height:80px; float:left; padding:5px 5px 0 3px; display:block; }
 
.carresavoirplusbo{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif); background-position:right; background-repeat:no-repeat;  color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:260px;text-align:right; margin-top:5px}
.carresavoirplusbo a{color:red; background-color:inherit; text-decoration:none}
.carresavoirplusbo a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}




/* *********************** TETERECTANGLE LARGE ***************************** */

.teterectangle{padding-bottom:10px; clear:both;width:790px; margin-bottom:5px;}
.gaucheteterect{float:left; padding-right:10px; width:260px;}
.toutelargeurteterect{ float:left; width:725px}
.droiteteterect { float:right; width:455px}
.gaucheteterectadsense{float:left; padding-right:10px; width:560px;}
.droiteteterectadsense { float:right; width:190px}
.droitenews p {font-size:12px; color:#656565; background-color:inherit; font-weight:bold;}
.droitenews p img {float:left; padding-right:5px;}
.droiteteterect h1{padding: 0 0 15px 0; margin:0;  font-size:18px; width:370px; color:#C40D0A; background-color:inherit;}
.droiteteterect p{padding: 0 0 5px 0; margin:0; font-size:12px;  color:#666666;  background-color:inherit; }
.gauchenews h1 {padding:0; margin:0; font-size:14px; font-weight:bold; color:#C40D0A; background-color:inherit;}
.gauchenews h2 {padding:0; margin:0; font-size:12px; color:#ff3334; background-color:inherit; text-decoration:underline; text-align: right; font-style:italic;}
.gauchenews h3 {padding:4px 0 0 0; margin:0; font-size:16px; font-weight:bold; color:#666666; background-color:inherit; font-style: italic; text-align:right}

.tavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif);  background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:720px;text-align:left; margin-top:5px}
.tavoirplus a{color:red; background-color:inherit; text-decoration:none}
.tavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline}



/* *********************** TETERECTANGLE extra LARGE 790px pour DVV2  ***************************** */

.teterectanglelarge{padding-bottom:10px; clear:both;width:790px; margin-bottom:5px;}
.teterectanglelarge h1{padding:0; margin:0; font-size:18px; font-weight:bold; color:#C40D0A; background-color:inherit; text-decoration:underline}
.teterectanglelarge h2{padding:0; margin:0; font-size:14px;  color:#C40D0A; background-color:inherit; }
.gaucheteterectlarge{float:left; padding-right:10px; width:200px;}
.droiteteterectlarge { float:right; width:455px}

.savoirplusteterectanglelarge{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif);  background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:720px;text-align:left; margin-top:5px}
.savoirplusteterectanglelarge a{color:red; background-color:inherit; text-decoration:none}
.savoirplusteterectanglelarge a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline}


/* *********************** TETERECTANGLE ETROIT (SMALL) ***************************** */

.teterectanglesmall{padding-bottom:25px; clear:both;width:560px; margin-bottom:5px;}
.gaucheteterectsmall{float:left; padding-right:10px; width:250px;}
.droiteteterectsmall { float:right; width:290px}
.droiteteterectsmall h1{padding: 0 0 15px 0; margin:0;  font-size:18px; width:290px; color:red; background-color:inherit;}
.droiteteterectsmall p{padding: 0 0 5px 0; margin:0; font-size:12px; font-weight:bold; color:#666666;  background-color:inherit; }


/* *********************** TETERECTANGLEPHOTO LARGE que photos (3 les unes à côté des autres) ***************************** */
.teterectanglephoto{padding-bottom:5px; clear:both;width:725px; margin-bottom:5px;}
.toutelargeurrectphoto{ width:725px}
.toutelargeurrectphoto img {
	margin-bottom:5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}


 /* *********************** TETENEWS ***************************** */

.tetenews{padding-bottom:25px; clear:both;width:725px; margin-bottom:25px;}
.gauchenews{float:left; padding-right:10px; width:192px;}
.droitenews { float:right; width:495px}

.droitetetenews h1{padding: 0 0 15px 0; margin:0;  font-size:16px; width:370px; color:red; background-color:inherit;}
.droitetetenews p{padding: 0 0 5px 0; margin:0; font-size:12px;  }


.teteplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:490px;text-align:left; margin-top:20px; line-height:1.3em}
.teteplus a{color:red; background-color:inherit; text-decoration:none}
.teteplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}

/* *********************** BLOC Bordure ***************************** */
 
 
.bordurebloc2{width:575px; margin-bottom:25px; clear:both;}
.borduretire2{ font-size:14px; font-weight:bold; text-transform:capitalize; color:#004691; background-color:inherit; height:12px;background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px }
.borduretire2 span{ background-color:#FFF;color:#004691;text-indent:10px;}
.bordureparagraphe2{border-left:2px solid #004691;border-right:2px solid #004691; border-bottom:2px solid #004691; width:565px; height: auto; padding: 5px 3px 0 3px;}
.bordureparagraphe2 p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; float:right; width:565px}
 

.bordurebloc-large{width:355px; margin-bottom:25px; clear:both;}
.borduretire-large{ font-size:14px; font-weight:bold; color:black; background-color:inherit; background-image: margin-bottom:-1px }

.bordureparagraphe-large{ width:355px; height: auto; padding: 5px 3px 0 3px;}
.bordureparagraphe-large p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; float:right; width:355px}
 

 
 
 
 /* *********************** ENTETEBORDURE  ***************************** */
.entetebordure{width:375px; clear:both;}
.enteteborduretire{  background-image:url(../artpackage/tetebordure.gif); background-repeat:no-repeat;  text-indent:15px; height:16px;}
.enteteborduretire span{ font-size:14px; font-weight:bold; color:red; background-color:#FFFFFF;padding:0 5px 0 5px;}

.entetebordureparagraphe{border-left:1px solid red;border-right:1px solid red; border-bottom:1px solid red; width:327px; padding: 5px 3px 0 3px;}
.entetebordureparagraphe p{padding:0 0 3px 0; margin:0; font-size:12px; text-align:justify;  }
.entetebordureparagraphe img {width:80px; height:80px; float:left; padding:5px 5px 3px 0; display:block; }

.etbavoirplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:auto;text-align:left; margin-top:10px; line-height:1.3em}
.etbavoirplus a{color:red; background-color:inherit; text-decoration:none}
.etbavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline}


/* *********************** CARRE SIMPLE SANS PHOTO ***************************** */
.carresimplesansphoto{width:335px; margin-bottom:25px}
.carresimpletire2{ background-image:url(../artpackage/sansphoto.gif); background-repeat:no-repeat;width:335px; height:15px;}
.carresimpletire2 span{font-size:12px; font-weight:bold;   color:red; background-color:#fff;padding-right:3px;text-indent:5px; padding-left:3px;}
.carresimplepsphoto{background-image:url(../artpackage/sansphotobas.gif); background-repeat:no-repeat; background-position: bottom; padding-bottom:15px;width:335px;}
.carresimplepsphoto p{ padding:0; margin:0; font-size:12px; text-align:justify;}



 
  /* *********************** ENTETEB  ***************************** */
.enteteb{width:335px; clear:both;}
.enteteb p{ color:#666; background-color:inherit;font-weight:bold; font-size:12px;}
.enteteb span{ display:block;font-size:14px; font-weight:bold; color:red; background-color:#FFFFFF; text-decoration:underline; padding:0; margin:0;}
.enteteb img {width:80px; height:80px; padding:5px 5px 0 0; float:left   }
.etplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:right; font-size:10px; text-indent:15px; height:15px; width:330px;text-align:right; margin-top:20px; line-height:1.3em}
.etplus  a{color:red; background-color:inherit; text-decoration:none}
.etplus  a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline}

 
/* *********************** BLOC CARRE ***************************** */
.carrebloc2{width:270px; margin-bottom:25px;}
.carrbloctire2 h1{ font-size:16px; font-weight:bold; text-transform:capitalize; color:#004691; background-color:inherit; padding:0; margin:0}
.carrbloctire2 img {width:50px; height:50px; float:left; padding-right:5px;}
.carrbloctire2 p{font-size:12px; padding:0; margin:0; text-align:justify}

 /* *********************** BLOC Bordure-3 ***************************** */
.bordurebloc3{width:595px; margin-bottom:5px; clear:both; float:left ;}
.borduretitre3{ width:570px; font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; height:16px;background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px ;}
.borduretitre3 span{ width:570px; background-color:#FFFFFF;color:#2C6A93;text-indent:10px;}
.bordureparagraphe3{ width:580px; height: auto; padding: 5px 3px 0 3px; border-top:2px solid #2C6A93;border-left:2px solid #2C6A93;border-right:2px solid #2C6A93; border-bottom:2px solid #2C6A93;}
.bordureparagraphe3 p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify;  width:480px ; }
.tavoirplus3{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif);  background-repeat:no-repeat; background-position:left; color:black; background-color:inherit; font-size:12px; font-weight:bold; text-indent:15px; height:15px; width:560px;text-align:left; margin-top:5px}
.tavoirplus3 a{color:red; background-color:inherit; text-decoration:underline}
.tavoirplus3 a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline}




/* *********************** BLOC Bordure OLD VERSION ????  "***************************** 
.bordurebloc3{width:570px; margin-bottom:25px; clear:both;}
.bordurebloc3 h1{ font-size:14px; font-weight:bold; text-transform:capitalize; color:#004691; background-color:#FFFFFF; height:15px;background-image: url(../artpackage/rectangle.gif); background-repeat:no-repeat;width:200px;}
.borduretire3 span{ background-color:#FFFFFF;color:#004691;text-indent:10px;}
.bordureparagraphe3 p{padding:5px 0 0 0; margin:0; font-size:12px; text-align:justify; float:right; width:200px}
.bordureparagraphe3 img {width:50px; height:50px; float:left; padding-right:5px; display:block; }
*/


 
/* *********************** TETO 300px puis 410 px ***************************** */

.teto{padding-bottom:25px; clear:both;width:725px; margin-bottom:25px;}
.gaucheteto{float:left; padding-right:10px; width:300px;}
.gaucheteto150{float:left; padding-right:10px; width:200px;}
.gaucheteto img{width:300px; height:220px;}
.droiteteto { float:right; width:410px}
.droiteteto p {font-size:12px; color:#656565; background-color:inherit; font-weight:bold;}
.droiteteto h1{padding: 0 0 5px 0; margin:0;  font-size:18px; width:370px; color:red; background-color:inherit;}
.droiteto p{padding: 0 0 5px 0; margin:0; font-size:14px; font-weight:bold; color:#666666; background-color:inherit; }
 


/* *********************** VOCATION ***************************** */

.vocation{clear:both;  background-position:right; background-repeat: no-repeat}
.droitevoca p{ font-size:18px; color:#C40D0A ; background-color:inherit; font-weight:bold; padding:0; margin:0;}
.droite2voca p{font-size:12px; font-weight:bold; color:black ; background-color:inherit; margin:0;padding:0;}



/* ****************************** MODULE PAGE DROITE *************************************** */
.module{font-size:10px;}

.titremodule{height:18px; width:200px; margin-bottom:10px;text-indent:22px; font-size:12px; font-weight:bold; color:#C40D0A; background-color:inherit; line-height:1.5em;}
.presseactus{background-image:url(../artpackage/presseactus.gif); background-repeat:no-repeat; height:20px; width:200px;}
.newsletter{background-image:url(../artpackage/newsletter.gif); background-repeat:no-repeat;height:20px; width:200px; }
.recrutement{background-image: url(../artpackage/recrutement.gif); background-repeat:no-repeat;height:20px; width:200px; }
.nouscontacter{background-image:url(../artpackage/nous_contacter.gif); background-repeat:no-repeat;height:20px; width:200px;}
.evennement{background-image: url(../artpackage/evenements.gif); background-repeat:repeat;height:20px; width:200px;}
.perffinancieres{background-image: url(../artpackage/perf-financiere.gif); background-repeat:repeat;height:20px; width:200px;}
.infos{background-image: url(../artpackage/toute_actualites.gif); background-repeat:repeat;height:20px; width:200px;}

 
.blocactus{ margin:10px 0 0 0; font-size:10px;width:198px; color:#C40D0A; background-color:inherit; border:1px solid red;}
.blocactus p{padding:3px; margin:0;width:192px; font-size:12px; color:#000; background-color:#fff;}
.moduletitre{width:160px; height:20px;font-weight:bold; line-height:2em; text-indent:20px;}
.blocactudate{ display:block;text-align:right; width:194px; height:12px; padding-right:3px; background-image:url(../artpackage/blocactudate.gif); background-repeat:no-repeat; color:#666666;background-color:inherit;}
.blocactudatesanspicto{ display:block;text-align:right; width:194px; height:12px; padding-right:3px;  background-image:url(../artpackage/blocactudate-sans-picto.gif); background-repeat:no-repeat; color:#666666;background-color:inherit;} /* sert a avoir une barre grise standard en séparateur horizontal de bloc  */
.blocactudateblanc{ display:block;text-align:right; width:194px; height:6px; padding-right:3px;color:#666666;background-color:inherit;} /* sert a avoir une barre blanche standard en séparateur horizontal de bloc  */
.blocpresse h1{font-size:12px;padding:5px 0 0 3px; margin:0; text-decoration:underline}
.blocpresse p{width:185px;margin:0; padding:3px 0 15px 0;}


/* ****************************** EFFICACITE *************************************** */
#efficacite{ width:725px; height:75px;}
#efficacite h1{ font-size:20px; padding:0 0 5px 0;}
#efficacegauche{width:75px; text-align:left; float:left}
#efficacedroite{ width:650px; float:right;}
#efficacedroite span{color:#727272; background-color:inherit; font-size:10px; font-weight:bold;}

/* ***************************** DATE (module de droite) ******************************************* */
.moduledate{width:198px; height:auto; font-size:10px; margin:0 0 5px 0; clear:both}
.date span{ display:block; float:left; width:72px; height:14px;background-image:url(../artpackage/date.gif); background-repeat:no-repeat; color:#656565; background-color:inherit; font-weight:bold; text-align:center}
.dategauche{ float:right;padding:0 0 0 3px; width:120px}
.dategauche p{padding:0; margin:0; color:#656565; background-color:inherit; width:100px}
.dategauche a{ color:#656565; background-color:inherit;font-weight:bold;}
.dategauche a:hover{ color:#8a8888; background-color:inherit;}



/* *********************** Recta ***************************** */
.rectasimple {width:560px; margin-bottom:25px; clear:both}
.rectasimplelarge {width:725px; margin-bottom:5px; clear:both}
.rectaparagraphesimple span{padding:0; margin:0;font-size:18px; font-weight:bold; color:#C40D0A; background-color:inherit;height:25px;}
.rectaparagraphesimple img {width:90px; height:90px; float:left; padding-right:5px; display:block;}
.rectaparagraphesimple p{padding:0; margin:0; text-align:justify; float:left;  width:auto; font-size:12px; color:#666666; background-color:inherit}


/* ****************************** EFFICACITECOURS *************************************** */
#efficacitecours{ width:560px; height:75px;}
#efficacitecours h1{ font-size:20px; padding:0 0 5px 0;}
#efficacegauchecours{width:75px; text-align:left; float:left}
#efficacedroitecours{ width:480px; float:right;}
#efficacedroitecours span{color:#727272;  background-color:inherit;font-size:10px; font-weight:bold;}


/* *********************** FILET  ajouts de la V4 ***************************** */
/* *********************** FILETLONG ***************************** */

.filetlong{padding-bottom:25px; clear:both;width:714px; padding: 3px; margin-bottom:5px; border:2px solid red;}
.filetlong h1{display:inline; padding: 0; margin:0;  font-size:18px; width:370px; color:#C40D0A; background-color:inherit;}
.filetlong p {padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit;}
.filetlong img { border:none}



/* *********************** FILET ***************************** */
.filet {width:540px; margin:0 0 15px 0; padding:3px; clear:both; border:2px solid red; float:left}
.filetparagraphe h1{display: inline;padding:0; margin:0;font-size:18px; font-weight:bold; color:#C40D0A; background-color:inherit;height:25px;}
.filetparagraphe  img { border:none}
.filetparagraphe  p{padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit}
.finfilet{clear:both; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:5px; width:60px;text-align:right; margin-top:5px}


.tableavecborder{ margin:0 0 25px 0; padding:3px; clear:both; }
.tableavecborder table{border:2px; border-color:red;}