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;}

/*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******/

/*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 {margin:5px 0 0 25px}
#PagePartenaires td, #PageInterface td {vertical-align:middle; padding:5px 10px 5px 0; }
#PageInterface td {width:900px}
#PagePartenaires td img, #PageInterface td img  {border:1px solid #ccc}
.CellImg {width:1px!important}
#PagePartenaires .strong, #PageInterface .strong { color:#333; font-style:italic; letter-spacing:0.1em}