h1, h2.h1, h1 a {font-size:21px; margin:35px 0 30px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  letter-spacing:0.02em; color:#000!important; font-weight:bold!important; text-decoration:none}
h2, h2 a, h3 {font-size:19px; font-weight:normal; color:#333; margin:15px 0; text-decoration:none}
h3 {font-size:17px; padding:18px 18px 10px 27px; color:#540304; clear:both; margin:0}
h2 bold {font-weight:bold; color:}
.ImgLeft {float:left; margin:0 10px 10px 0}

#PageSolution ul, #colonContenu ul {display:block; padding:0; margin:8px 10% 8px 0}
#PageSolution li, #colonContenu li {list-style:none; padding:0 25px 0 30px; display:block; color:#000; background:url(../Image/DESIGN/Menu_ItemRouge.gif) no-repeat 20px 7px; line-height:20px}
#PageSolution p, #colonContenu p {padding:0 25px 0 30px; line-height:20px}

.PZC1 {background:url(../Image/DESIGN/Background-PageStatique.png) repeat-x 0 0; width:960px}
.PZC2 {background:url(../Image/DESIGN/Border-PageStatique.png) no-repeat 100% 0; width:960px}
.PageStatique {padding:5px 25px 25px 25px; background:url(../Image/DESIGN/Border-PageStatique.png) no-repeat 0 0;}

.DeuxColons {padding:0;  width:960px}
#colonMenu {width:250px; float:left; background:url(../Image/DESIGN/AccueilBlocs_elmt.png) repeat-x 0 0; margin:0 0 25px 1px; min-height:380px; height:auto!important; height:380px;}
#colonContenu {width:650px; float:right; margin:0 28px 25px 0!important;  margin:0 14px 25px 0}
#PageSolution {}

#colonMenu strong {font-size:17px; text-transform:uppercase; color:#c72f36; display:block; padding:20px; margin:0; font-family:Arial, Helvetica, sans-serif;}
#colonMenu ul{margin:0 0 20px 0!important; padding:0 }
#colonMenu ul li {list-style:none; background:none; padding:0;}
#colonMenu ul li a{padding:3px 25px 3px 30px; display:block; text-decoration:none; color:#000; background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 20px 7px; font-size:13px}
#colonMenu ul li a:hover{background-color:#DBDBDB;}

.menu_aide strong a  {font-size:17px; text-transform:uppercase; color:#c72f36; display:block; margin:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.MenuSouTit {font-size:16px; color:#333; display:block; padding:15px 5px 15px 55px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.menu_aide .li_1 .MenuSouTit {background:url(../Image/DESIGN/Aide.gif) no-repeat 6px 6px;}
.menu_aide .li_2 .MenuSouTit {background:url(../Image/DESIGN/fonctionnaliteli_1.gif) no-repeat 2px 2px;}
.menu_aide .li_3 .MenuSouTit {background:url(../Image/DESIGN/fonctionnaliteli_1-02.gif) no-repeat 2px 2px;}

#colonMenu .menu_aide ul li a {text-decoration:none; padding:0; background:none; }
#colonMenu .menu_aide ul li a:hover {text-decoration:underline; padding:0}
#colonMenu .menu_aide ul {margin:0 0 20px 0; padding:0 }
#colonMenu .menu_aide ul li {list-style:none; background:none; padding:0;}
#colonMenu .menu_aide ul li li a{padding:3px 25px 3px 30px; display:block; text-decoration:none; color:#000; background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 20px 7px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#colonMenu .menu_aide ul li li a:hover {background-color:#DBDBDB; text-decoration:none; padding:3px 25px 3px 30px;}


/*les savoir plus*/
a.Bouton, a.BoutonPlus {float:right; margin-right:100px}

/*boutons bas de page*/
.BoutonsActionBasPage {margin-right:83px}
.BoutonsActionBasPage a, a.Solution_BoutonsVoirVideo {background:url(../Image/DESIGN/BtGrandLeft.png) no-repeat 100% 0; display:block; float:right; width:auto;  color:#FFF; font-size:18px; text-decoration:none; font-weight:bold; margin:15px 15px 15px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.BoutonsActionBasPage a span, a.Solution_BoutonsVoirVideo span {background:url(../Image/DESIGN/BtGrandRight.png) no-repeat 0 0; display:block; padding:6px 20px 7px 20px;}
.BoutonsActionBasPage a:hover, a.Solution_BoutonsVoirVideo:hover {Filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; color:#333}
/*cas paticulier references*/ #PageReferences .BoutonsActionBasPage a span {width:250px; text-align:center}

a.Solution_BoutonsVoirVideo {font-size:16px; margin:15px 30px 15px 0}


/*Page solution*/
.TextDeuxColonnes1 {float:left; width:650px}
.TextDeuxColonnes1 li {padding-bottom:10px!important;}
.TextDeuxColonnes2 {float:right; width:200px; text-align:center}


/*plan du site remise en forme*/
.ListePlanSite strong {display:block; padding:8px 0 0 22px; color:#333}

/*****les offres******/

.TableOffres {text-align:left; border:1px solid #ccc; color:#000; border-collapse:collapse; margin-top:20px }
.TableOffres td { border:1px solid #ccc; padding:5px 8px; }
.TableOffres tr:hover {cursor:pointer; background:#FAFAFA}
.TableOffres h2 {font-size:14px!important; font-weight:bold; margin:0}
.TableOffres p {margin:0; padding:0!important}
.TableOffres a.BoutonPlus {margin:0!important; width:100px;}
.TableOffres tr:hover H2 {color:#7FA801;}
.TableOffres tr:hover  a.BoutonPlus {color:#333;}
/*centre page fonctionnalites*/

a.fonctionnalite_elmt {width:600px; dispalay:block; float:left; text-decoration:none; color:#000; border:1px solid #fff; margin:0 0; padding:0 3px; border-bottom-color:#EAEAEA; }
a.fonctionnalite_elmt img {float:left; margin:0 5px 0 0; width:35px }
a.fonctionnalite_elmt span {display:block; width:500px; float:left; padding:15px 0 0 0; line-height:13px; font-size:12px; }
a.fonctionnalite_elmt div {float:right; }
a.fonctionnalite_elmt div img {float:none; width:auto; margin:5px 5px 0 0;}
a.fonctionnalite_elmt:hover {border-color:#ccc; color:#6A8C01}
a.fonctionnalite_elmt:hover span {color:#6A8C01; cursor:pointer}
.OffresDeuxColonnes img, .Webmarketing_DeuxColonnes_1 {float:left; margin:0 10px 0 0}
.OffresDeuxColonnes ul, .Webmarketing_DeuxColonnes_2 {width:500px; float:left; display:block}

/*tableau tarifs*/
#TableauTarifs {text-align:center; overflow:hidden; overflow-x:auto; padding:5px}
#TableauTarifs table {text-align:left; border-width:1px; color:#000; border-collapse: collapse; } 
#TableauTarifs td, #TableauTarifs th {padding:5px; text-align:center; vertical-align:middle; border:1px solid #ccc}
#TableauTarifs th {text-align:left; font-weight:normal; padding:3px 8px}
#TableauTarifs tr.TablePx_titChapitre td  {text-align:left; border:0px solid #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  letter-spacing:0.02em;  font-size:15px; font-weight:normal; color:#333; background:transparent url(../Image/DESIGN/AccueilBlocs_elmt.png) repeat-x scroll 0 0; padding:10px 5px 5px 8px}
#TableauTarifs tr td.garderBlanc {border:0px solid #fff; text-align:center; border-right:1px solid #ccc!important; background:#FFF}
#TableauTarifs tr td.InfoPrix  {border:1px solid #ccc}
#TableauTarifs tr.ligneBlanche td  {border:0px solid #fff; height:10px}

a.FonctionsOffresAssosciees_elmt {width:140px; height:140px; dispalay:block; float:left; text-decoration:none; color:#000; border:1px solid #EAEAEA; padding:3px; text-align:center;}
a.FonctionsOffresAssosciees_elmt img {margin:15px 0}
a.FonctionsOffresAssosciees_elmt span {display:block;  line-height:13px; font-size:12px}
a.FonctionsOffresAssosciees_elmt:hover {border-color:#ccc; color:#6A8C01}
#PageDemo2col a.FonctionsOffresAssosciees_elmt {width:120px; height:120px}
#PageDemo2col a.FonctionsOffresAssosciees_elmt img {margin:8px 0}
#PageDemo2col a.FonctionsOffresAssosciees_elmt span {font-size:10px}
/*video*/
.PopupVideo_Ecran {text-align:center;  background:#ccc; padding:8px 0}

/*Pages references*/

.References_elmt {}
.References_elmt ul {margin-left:215px!important}
a.References_illustration {float:left; display:block; border:1px solid #ccc; text-align:center; padding:3px; margin:0 10px 100px 0}
a.References_illustration:hover {border-color:#999}

#PageEquipe img {padding:10px 0 0 0; border:1px solid #ccc; }
#PageHisto h2 { background:#333 url(../Image/DESIGN/AccueilBlocs_elmt.png) repeat-x 0 0; width:70px; text-align:center; padding:25px 0; float:left}
#PageHisto p {width:500px; float:left; height:80px; padding:5px 20px 0 15px}

#PagePartenaires table, #PageInterface table, #PageMetierLivre table {margin:5px 0 0 25px}
#PagePartenaires td, #PageInterface td, #PageMetierLivre td {vertical-align:middle; padding:5px 10px 5px 0; }
#PageInterface td, #PageMetierLivre td {width:900px}
#PagePartenaires td img, #PageInterface td img, #PageMetierLivre td img  {border:1px solid #ccc}
.CellImg {width:1px!important}
#PagePartenaires .strong, #PageInterface .strong { color:#333; font-style:italic; letter-spacing:0.1em}



.pageActu h2 {color:#C72F36; }
.pageActu a {background:url(../Image/DESIGN/BoutonLeft.png) no-repeat 100% 0; display:block; float:left; width:auto;  color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; margin:15px 0; font-family: Arial, sans-serif;}
.pageActu a span {background:url(../Image/DESIGN/BoutonFleche.gif) no-repeat 0 0; display:block; padding:1px 15px 2px 25px;}
.pageActu a:hover{Filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; color:#333}
.pageActu li a {float:none; display:inline-block}
.pageActu hr {margin:30px 0 10px 0; clear:both}

/*metier du livre*/
.MetierLivreCall {display:block; width:463px; height:73px; margin:25px 0 0 0; text-indent:-999px; line-height:73px; overflow:hidden; background:url(../Image/DESIGN/Appelez_nous.png) no-repeat 0 0}


#PageSolution p.recrut-intro {background:#F2FFDD; border:1px solid #B4DA7A; padding:10px; text-align:center; color:#73A54A; font-weight:bold; -moz-border-radius:5px; margin:30px 50px;
-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 0px 0px 5px #B4DA7A;-webkit-box-shadow:inset 0px 0px 5px #B4DA7A;box-shadow:inset 0px 0px 5px #B4DA7A;}
#PageSolution p.recrut-intro a {color:#73A54A}