body{ 
	background-image:url(../images/Skin/bg-top.gif); 
	background-repeat:repeat-x;
	background-color:#ffffff;
	padding:0; margin:0;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#575757;
	line-height:18px;
}

a {font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: underline; color:#bd2716;font-size:12px;}
a:hover {color:#000000;}

.clear{ clear:both;}
.pointer{ cursor:pointer;}
p{padding:5px 0 5px 0; margin:3px 0 3px 0;}
p.listeFichiers{padding:2px 0 2px 0; margin:0;}

a img{ border:none;}

ul li{padding-bottom:5px;  list-style-image:url(../images/Skin/puceFleche.gif); }
ul.iconpointille li{padding-bottom:5px; margin-bottom:5px; list-style-image:url(../images/Skin/puceGrisPale.gif); border-bottom:1px dotted #bebfbe; }
ul.iconpointille2 li{padding-bottom:5px; margin-bottom:5px; list-style-image:url(../images/Skin/flecheGrise.gif); border-bottom:1px dotted #bebfbe; }

ul{ margin:5px 0 5px 15px; padding:10px 0 5px 15px;}
ol{ list-style-type:decimal;  margin:5px 0 5px 20px; padding:5px 0 5px 20px; }

.iconesArticle{ color:#000000;}
.page .iconesArticle a:link, 
.page .iconesArticle a:visited, 
.page .iconesArticle a:focus, 
.page .iconesArticle a:active, 
.page .ContainerIconesCol a:link, 
.page .ContainerIconesCol a:visited , 
.page .ContainerIconesCol a:focus, 
.page .ContainerIconesCol a:active{background-image:none;padding:0px;display: compact;}

input[type="text"], textarea, .CollapsiblePanelTab, .TabbedPanelsTab,.AccordionPanelContent,.Accordion, .AccordionPanel, .AccordionPanelTab, .AccordionPanel, li a, a {
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:medium !important;
}

/* --------------------------------------*/

.iconSocial a{ background-image: url(../images/Skin/iconSocial2012.gif); width:26px; height:34px; margin:0px 10px 0 10px; float:left; display:block; background-position:0 0; border:none; text-decoration:none; }
.iconSocial a.iconTwitter{ background-position:0 0;}
.iconSocial a.iconLinked{ background-position:-26px 0;}
.iconSocial a.iconGoogle{ background-position:-52px 0;}
.iconSocial a.iconFacebook{ background-position:-78px 0;}
.iconSocial a.iconCourriel{ background-position:-104px 0;}

.iconSocial a:hover.iconTwitter{ background-position:0 -34px;}
.iconSocial a:hover.iconLinked{ background-position:-26px -34px;}
.iconSocial a:hover.iconGoogle{ background-position:-52px -34px;}
.iconSocial a:hover.iconFacebook{ background-position:-78px -34px;}
.iconSocial a:hover.iconCourriel{ background-position:-104px -34px;}

.entete{
	width:940px; 
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
	}
	
.Menuhaut{ padding:20px 0 30px 0; text-align:right; display:block; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#BC2E22; }
.Menuhaut a{ background-image:url(../images/Skin/barre-oblique.gif); background-position:right 3px; background-repeat:no-repeat; padding:0 13px 0 5px; font-size:11px; color:#3b3b3b; text-decoration:none; }
.Menuhaut a:hover{ color:#ba271e;}
.Menuhaut li { list-style-image:none; display:block; float:left;}
.barre-menu-haut{ padding:0 5px 0 5px; color:#575757;}
.leMenu{ float:right; display:block;}

.LogoKaleidos{ float:left; display:block;}
.logoCentre{ position:absolute; width:149px; height:131px; display:block; left:395px;}

.TopBandeRouge{
	width:940px; 
	margin:0 auto 0 auto;
	padding:0;
	border-top:4px #3b3b3d solid;
	}

.banderougeAcc{ background-image: url(../images/Skin/bandeRougex420.gif); background-repeat:repeat-x; background-position:0 0; padding:0; margin:0;}

.banderougeDefaut{ background-image:url(../images/Skin/bandeRouge-defaut.gif); background-repeat:repeat-x; background-position:0 0; padding:0; margin:0;}
	
.banderouge-Droite{ float:right; display:block; padding:40px 0 0 40px; width:280px; position:relative; color:#ffffff;}
.banderouge-Droite a{ color:#ffffff; text-decoration:none;}
.banderouge-Droite a:hover{ color:#ffffff;}

a.lienFleche{background-image:url(../images/Skin/flecheLien.png); background-repeat:no-repeat; background-position: right center; font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; font-size:14px; text-decoration:none; padding:5px 20px 5px 6px; background-color:#000000; color:#ffffff; letter-spacing:0.8px; position:absolute; top:310px; }

a.lienFleche:hover{background-color:#000000; color: #CCC;}

.banderouge-Droite .crochetNoir ul li{ list-style-image:url(../images/Skin/crochet-blanc.png); line-height:13px; }
.banderouge-Droite .crochetNoir ul{ padding-top:0;}

.bandenoir{ background-color:#252525; padding:0; margin:0; width:100%;}
.zone-banderouge{background-color:#a82213; padding:0; margin:0; width:100%;}

.bgblancrouge{ background-image:url(../images/Skin/bgblanc2.gif); 
	background-repeat:repeat-y;
	background-position:center 0;}

.bgblanc{ background-image:url(../images/Skin/bgblanc.gif); 
	background-repeat:repeat-y;
	background-position:center 0;}

.colonneG-Recherche{ float:left; display:block; width:250px; }
.colonneD-Recherche{float: right; display:block; width:615px; }

.ColonneGauche{ float:left; display:block; width:620px; }
.ColonneDroite{ float: right; display:block; width:300px;}

.ColonneG-Produit2{ float:left; display:block; width:280px; background-image:url(../images/Skin/Titre/LesModulesCategories.png); background-repeat:no-repeat; background-position: center 10px; padding:55px 0 0 0; background-color:#bd2716; border-bottom:4px solid #3b3b3d; margin:0 0 30px 20px;}
.ColonneD-Produit2{float: right; display:block; width:590px;}

.ContenuSlide{ background-image: url(../images/Skin/bgdegradevert.gif); background-position:0 0; background-repeat:repeat-x;

}

#LesProduits .milieu, #prodWebart .milieu{padding:0;}
	
.milieu{
	width:940px; 
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
	background-color:#ffffff;
	border-top:4px solid #3b3b3d;
	
}

#LePortfolio .milieu-gris{
	position:relative;
	width:940px; 
	padding:0;
	margin:0;
	background-color:#f5f5f5;
	border-top:4px solid #3b3b3d;}	

.milieu-gris{
	position:relative;
	width:940px; 
	padding:0;
	margin:0;
	background-color:#f5f5f5;
	border-top:4px solid #3b3b3d;}	

.milieu-banderouge{
	width:940px; 
	margin:0 auto 0 auto;
	padding:0;
	
}

.milieu-rouge{ background-color:#bd2716; padding:20px 0 0 30px; position:relative;}
.milieu-pub{ position:relative; height:420px; display:block; }	
.zonePhoto{ position:absolute; top:-24px; left:0; width:940px; height:436px; border-bottom:1px solid #3b3b3d;}

.zoneiconAcc{ padding:25px 0 30px 0; width:940px; background-image:url(../images/Skin/bgiconacc.gif); background-repeat:repeat-x; background-position:0 bottom;}
a.iconAcc { color:#bc2e22; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:14px; text-decoration:none;}
a.iconAcc:hover{ color:#575757;}
a.iconAcc img{ float:left; display:block; padding:0 10px 0 0; border:none;}	
	 
.milieu-produits{width:495px; display:block; text-align:center;}
.milieu-degradeGrisBlanc{ background-image:url(../images/Skin/milieu-degradegris.gif); background-repeat:repeat-x; background-position:0 bottom; background-color:#ffffff; padding:20px 0 20px 30px; border-bottom:4px #3b3b3d solid;}	 

.milieu-degradegris-corps{width:495px; display:block; background-image:url(../images/Skin/pointGris.gif); background-repeat:repeat-y; background-position:center 0;}
.milieu-degradegris-corps .boite-Sans-Titre{ padding:0; }

.fermer-fiche{ text-align:right; display:block; padding:1px 0 10px 0; cursor:pointer;}
.majRouge{ text-transform:uppercase; color:#bc2e22; font-family: 'Oswald', sans-serif; font-weight:400; line-height:21px; font-size:20px; padding:0 0 10px 0; display:block; letter-spacing: 1px;}
.majusculeNoir{ text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:300; line-height:20px; font-size:18px; padding:0 0 10px 0; display:block;}

.majBlanc{text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#ffffff; font-weight:300; line-height:20px; font-size:18px; padding:0 0 5px 0; display:block;}
.majRouge2{text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#bc2e22; font-weight:300; line-height:20px; font-size:18px; padding:0 0 5px 0; display:block;}

.basPub1{background-image:url(../images/Skin/2pointsGris.gif); background-repeat:repeat-y; background-position:center 0;}
.basPub2{ background-image:url(../images/Skin/boiteGrise-bgbas.gif); background-repeat:repeat-x; background-position:left bottom; border-bottom:4px #3b3b3b solid;}

.basPub2 .boite-Sans-Titre{ padding-bottom:0px;}

.accueil{ border:none; margin-bottom:0;}	

.miniDescription{ 
	cursor:pointer;
	display:block;
	width:300px;
	height:200px;
	/*border-bottom: 1px solid #000000;*/
	margin:0 6px 25px 6px;
	float:left;
	/*background-image:url(../images/Skin/plusinfo-Rouge.gif);*/
	background-position: right bottom;		
    background-image: url("../images/Skin/lignePointille.gif");   
    background-repeat: repeat-x;	
	}
	
.plusInfo{position:absolute; width:300px; height:145px; display:block;  top:0; left:0;}	
.plusInfo:hover{ background-image:url(../images/Skin/plusinfo.png); background-position:0 0; background-repeat:no-repeat;}	
.moiscube{ 
background-color:#ffffff; width:70px; padding:0; text-align:left; float:left; display:block; line-height:18px;
font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase;  color:#2b2b2b; font-size:14px; margin:10px 0 0 0;}

/*.miniDescription2{ 
	cursor:pointer;
	display:block;
	width:300px;
	height:215px;
	border-bottom: 1px solid #000000;
	margin:0 0 25px 0;
	background-image:url(../images/Skin/plusInfo.gif);
	background-repeat:no-repeat;
	background-position: right 196px;
	
	}*/
	
.Titreprojet{ padding:10px 0 0 0; color:#bd2716; }
.Titreprojet a{ text-decoration:none; font-size:14px; padding:0 0 0 10px; margin:0; display:block; float:left; width:219px; letter-spacing:0.5px; border-left:1px solid #b6b6b6; line-height:18px; color:#b6b6b6;font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase;} 
.Titreprojet a:hover{ color:#bd2716;}
.MajNoir{ color:#252525; text-transform:uppercase; font-size:13px;}

.TexteGaucheFlottant{
	width:200px;
	font-weight:bold;
	display:block;
	position:absolute;
	left:25px;
	top:87px;
	z-index:5;
}

a.carreplus { background-image:url(../images/Skin/carreNoirplus.gif); background-repeat:no-repeat; background-position: left 0; padding:0px 0 5px 25px; text-decoration:none; color:#3b3b3d; font-size:11px; font-weight:bold; cursor:pointer;}
a:hover.carreplus{ color:#bd2716}	
	
.BoutonSociaux{ padding:0 20px 20px 20px;}	
.top50{padding-top:50px;}
.top40{padding-top:40px;}
.positionEtoiles{ position:absolute; width:150px;  margin-top: 10px; left:40px; display:block;}	

#LesProduits .corps-page{width:520px;}
.corps-Page-ColG{ float:left; display:block; width:590px;}
.corps-Page-ColD{ float:right; display:block; width:300px; padding:0 0 0 20px;}

.corps-Page-ColD li{ list-style-image:url(../images/Skin/crochet-rouge.png);}	

.fiche-description{
	width:940px; 
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
	/*height:auto !important;
	min-height:10px;
	height:10px;*/

	}

.LeCorps{
	width:940px; 
	margin:0 auto 0 auto;
	padding:0;
	}	

.pied{
	width:940px; 
	margin:0 auto 30px auto;
	padding:0;
	}
.piedrouge{ background-color:#bd2716; color:#ffffff; text-transform:uppercase; text-align:center; font-weight:bold; padding:4px 20px 4px 20px;}

.piedrouge a{color:#ffffff; text-decoration:none; font-family:tahoma, Arial, Helvetica, sans-serif;}
.piedrouge a:hover{color:#000000;}

.bgpiedgris{ background-image:url(../images/Skin/piedgris-bg2.gif); background-repeat:repeat-y; background-position: center 0; color:#ffffff; padding:0; margin:0;  }
.piedgris{ background-color:#252525; padding:30px 40px 30px 40px;}

.piedgris a{ color:#d62609; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.piedgris a:hover{ color:#ffffff;}

.piedgris-Gauche{ float:left; width:192px; display:block; text-align:left;}
.piedgris-centre{ float:left; width:117px; display:block; text-align:left; padding: 0 40px 0 40px; line-height:23px; }
.piedgris-droit{ float:right; width:425px; display:block; padding-left:40px; }
.blancGrand{font-family: 'Oswald', sans-serif; font-weight:400; font-size:15px; color:#ffffff;}
.blancChiffre{font-family: 'Oswald', sans-serif; font-weight:300; font-size:17px; color:#ffffff;}

.AdresseBlanc1{font-family: 'Oswald', sans-serif; font-weight:400; font-size:32px; color:#ffffff; padding:0; line-height:40px;}
.AdresseBlanc2{font-family: 'Oswald', sans-serif; font-weight:300; font-size:22px; color:#ffffff; padding:0; line-height:25px;}
.AdresseBlanc3{font-family: 'Oswald', sans-serif; font-weight:300; font-size:14px; color:#ffffff; padding:0 0 10px 0;}

.titreListeEnvoie{font-family: 'Oswald', sans-serif; font-weight:300; font-size:18px; color:#908f8f; padding:0 0 10px 5px; text-transform:uppercase;}

.socialicons{padding-top:15px;}
.socialicons a{ background-image:url(../images/Skin/iconsocial.png); background-position:0 0; height:0; width:0; display:block; float:left; cursor:pointer;}

.socialicons a.icon-facebook{ height:33px; width:42px; background-position:0 0;}
.socialicons a.icon-twitter{ height:33px; width:46px; background-position:-42px 0;}
.socialicons a.icon-linkedin{ height:33px; width:49px; background-position:-88px 0;}
.socialicons a.icon-rss{ height:33px; width:42px; background-position:-137px 0;}
.socialicons a.icon-google{ height:33px; width:48px; background-position:-181px 0;}

.socialicons a:hover.icon-facebook{ height:33px; width:42px; background-position:0 -36px;}
.socialicons a:hover.icon-twitter{ height:33px; width:46px; background-position:-42px -36px;}
.socialicons a:hover.icon-linkedin{ height:33px; width:49px; background-position:-88px -36px;}
.socialicons a:hover.icon-rss{ height:33px; width:42px; background-position:-137px -36px;}
.socialicons a:hover.icon-google{ height:33px; width:48px; background-position:-181px -36px;}

.piednoir{ background-color:#000000; padding:20px 54px 20px 40px; color:#908f8f; }
.piednoir-ImageGauche{float:left; margin:0 15px 0 0;	display:block;	border:none;}
.piednoir-Gauche{ float:left; display:block; width:600px; }
.piednoir-Droit{ float:right; text-align:right; display:block; width:152px; padding-top:15px; }

.grisfonce{color:#484646;}

.piednoir a{color:#484646; text-decoration:underline;}
.piednoir a:hover{color:#ffffff; }

/*--Fleche suivants--*/
.flechesuivant a{ background-color:#ffffff; border:1px solid #d4d4d4; color:#575757; font-size:12px; text-decoration:none; padding:3px 10px 3px 10px; margin:0; }
.flechesuivant a:hover{ color:#bf2e1b; background-color:#f5f5f5;}

.lesnumeros{ color:#575757; font-size:11px; font-family: "Tahoma", Arial, Helvetica, sans-serif; line-height:18px;}
.numeroencours{color:#ffffff; border:1px solid #bf2e1b; background-color:#bf2e1b; text-decoration:none; padding:4px 9px 3px 9px; margin-right:1px;}
.lesnumeros a{border:1px solid #d4d4d4; color:#575757; text-decoration:none; padding:4px 9px 3px 9px; margin-right:1px; font-size:11px; line-height:18px;}
.lesnumeros a:hover{color:#bf2e1b; background-color:#f5f5f5;}

/* ------- Forfaits ----------*/

.forfaitstop div{ background-image:url(../images/Skin/forfaits-top.jpg); background-repeat:no-repeat; width:328px; height:64px; display:block; background-position:0 0; margin-left:9px;}

.forfaitstop div.forfaitsEntete{ background-position:0 0;}
.forfait-carte-affaires-web .forfaitstop div.forfaitsEntete{ background-position:0 -64px;}
.forfait-site-web-webartchitecte .forfaitstop div.forfaitsEntete{ background-position:0 -128px;}

.forfait-site-web-webartchitecte .LeCorps{
	min-height:720px;
	height:auto !important;
	height:720px;
	}

.forfait-carte-affaires-web .LeCorps{
	min-height:500px;
	height:auto !important;
	height:500px;
	}

.colonneflottanteDroite{ width:345px; position:absolute; right:25px; display:block;}

.forfait-corps{ background-color:#333333; margin:0 8px 0 9px; padding:20px 20px 0 20px; color:#ffffff;}

.forfait-corps ul{ margin:0px 0 0px 15px; padding:0px 0 0px 15px;}
.forfait-corps ul li{ list-style-image:url(../images/Skin/crochet-mauve.png); background-image:url(../images/Skin/forfaits-barre.png); background-position:0 bottom; background-repeat:no-repeat; padding:0 0 15px 15px; margin:0 0 10px 0; font-size:14px;}
.forfait-site-web-webartchitecte .forfait-corps ul li{list-style-image:url(../images/Skin/crochet-vert.png); padding:0 0 10px 15px; margin:0; font-size:12px;}
.forfait-carte-affaires-web .forfait-corps ul li{list-style-image:url(../images/Skin/crochet-bleu.png);}

.forfait-pied{ background-image:url(../images/Skin/forfaits-bas.png); background-repeat:no-repeat; height:94px; width:285px; padding:20px 30px 0 30px;}

.boutons a{ background-image:url(../images/Skin/bouton-bg.png); background-position:0 0;  width:128px; height:27px; background-repeat:no-repeat; display:block; border:none; color:#ffffff; font-weight:bold; text-align:center; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:8px 0 0 0; text-decoration:none; cursor:pointer;}

.boutons a.bcolor{ background-position:0 -33px; float:right;} 
.boutons a.bgris{ background-position:0 -106px; width:119px; float:left; color:#464646;} 

.forfait-carte-affaires-web .boutons a.bcolor{ background-position:0 0px; float:right;}
.forfait-site-web-webartchitecte .boutons a.bcolor{ background-position:0 -69px; float:right;}

.boutons a:hover.bcolor{color:#000000;}
.boutons a:hover.bgris{ color:#906fb5;}

.forfait-carte-affaires-web .boutons a:hover.bgris{ color:#209ecf;}
.forfait-site-web-webartchitecte .boutons a:hover.bgris{ color:#8b9f29;}

/* ------Gabarit Notre équipe----- */
.colequipe{ float:left; width:280px; display:block; padding-right:45px;}
.colequipeD{ float:right; width:280px; display:block;}

.bandeEquipeRouge{ position:relative; background-color:#bd2716; height:30px; border:1px solid #000000; display:block; margin-bottom:20px;}

.equipeSocial{ position:absolute; top:-10px; right:0; width:260px; height:36px; display:block; padding:0 10px 0 10px;}
.equipeSocial a{ background-image:url(../images/Skin/equipe-icons.png); background-repeat:no-repeat; width:36px; height:36px; display:block; background-position:0 0; float:right; margin-left:5px;}

.equipeSocial a.equipe-courriel{}
.equipeSocial a.equipe-linkedin{background-position:-41px 0;}
.equipeSocial a.equipe-google{background-position:-81px 0;}
.equipeSocial a.equipe-twitter{background-position:-122px 0;}
.equipeSocial a.equipe-facebook{background-position:-162px 0;}

.equipeSocial a:hover.equipe-courriel{background-position:0 -39px;}
.equipeSocial a:hover.equipe-linkedin{background-position:-41px -39px;}
.equipeSocial a:hover.equipe-google{background-position:-81px -39px;}
.equipeSocial a:hover.equipe-twitter{background-position:-122px -39px;}
.equipeSocial a:hover.equipe-facebook{background-position:-162px -39px;}

.contactscoordonnees .equipeSocial{position:relative; top:0; width:165px; padding: 30px 0 0 0; }

.contactscoordonnees{float:left; width:165px; display:block; position:relative; padding-right:15px; font-size:12px;}
.contactscoordonnees .equipeSocial a{float:left; margin:0 5px 0 0; text-decoration:none;}

/* ---------- Boites ----------*/

.pointilleBas{background-image: url(../images/Skin/ligneEtpointBas.gif); background-repeat:repeat-x; background-position:0 bottom; padding:0 0 30px 0; display:block;}

.pointilleligne{ background-image:url(../images/Skin/ligneEtPoint.gif); background-repeat:repeat-x; background-position:0 0; padding:30px 0 30px 0; display:block;}

.BoiteGenerale{ padding:0 0 30px 0;}

.BoiteSoustitreNoir {padding:0 0 30px 0;}

.boiteActualites{ padding-bottom:30px; }
.PiedActualite{ background-image:url(../images/Skin/piedactualite2.gif); background-repeat:repeat-x; background-position:0 0; padding:8px 0 0 0; text-align:right; display:block;}
.PiedActualite a{ font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:14px; color:#3b3b3b; text-decoration:none; background-color:#ffffff; padding:0 15px 0 7px; text-align:right; background-image:url(../images/Skin/actbg.gif); background-position:right center; background-repeat:no-repeat;}
.PiedActualite a:hover{ color:#bc2e22;}

.nouvelles .PiedActualite a{ display:none;}
.nouvelles .PiedActualite{ height:15px;}

.doubleligneTitre{ background-image: url(../images/Skin/p3.gif); background-position:0 15px; background-repeat:repeat-x; display:block; position:relative; height:40px; }
.doubleligneTitre h1{ background-color:#ffffff; position:absolute; top:0; left:0; padding:5px 15px 5px 0;}

.fillRSS{ width:15px; float:right; display:block; padding:10px 4px 4px 7px; background-color:#ffffff;}
.fillRSS a{ background-image: url(../images/Skin/icon-rss.gif); background-position:0 0; background-repeat:no-repeat; width:15px; height:14px; display:block;}
.fillRSS a:hover{ background-position:0 -15px;}
 
.corpsActualite{ clear:both;}

.forfait-corps .boite-Sans-Titre{ padding:0 0 1px 0; }
.boite-Sans-Titre{ padding:0 0 30px 0; }

.MenuRouge ul, .MenuRouge p { padding:0; margin:0;}
.MenuRouge ul li{ 
	font-family: 'Oswald', sans-serif; font-weight:300; text-transform:none; font-size:14px; color:#FFFFFF;
	float:left; display:block; width:auto; margin:0 2px 0 0; padding:5px 15px 5px 15px;  
	text-align:center;  background-color:#3b3b3d; cursor:pointer;}
.MenuRouge ul li.choisit,.MenuRouge ul li.choisit:hover {background-color:#bd2716; cursor: text;}

.MenuRouge ul li:hover{background-color:#bd2716; }
.MenuRouge a{ font-family: 'Oswald', sans-serif; font-weight:300; text-transform:none; font-size:14px; color:#FFFFFF; text-decoration:none;}

.MenuRouge li.pageCourante{background-color:#bd2716; cursor: text;}

.boite-Grise-BordureNoire{
	border-top:4px solid #3b3b3d;
	/*border-bottom:4px solid #3b3b3d;*/
	background-image:url(../images/Skin/boiteGrise-bgtop.gif); background-repeat:repeat-x; background-position:0 0;
	margin-bottom:0;	

}

.boiteGriseBas{background-image:url(../images/Skin/boiteGrise-bgbas.gif); background-repeat:repeat-x; background-position:0 bottom; padding:40px 20px 40px 20px;}

.BGrisebgTop{ background-image:url(../images/Skin/2pointsGris.gif); background-repeat:repeat-y; background-position: center 0; padding:0; margin:0;}
.BordureGrise-top{ border-top:1px solid #c2c4bc; width:560px; padding:30px 15px 0 15px;  margin: 30px auto 0 auto;}
.Bordurecentre{ background-image:url(../images/Skin/pointGris.gif); background-repeat:repeat-y; background-position: center 0;}

/* ------------------Formulaire  --------------*/

.champs-bg{ display:block; background-image:url(../images/Skin/champs-bg.png); width:198px; height:20px; padding:4px 6px 4px 4px; margin:0;}

.champs{ background-color:#ffffff; border:1px solid #c7c7c7; width:370px; padding:0 4px 0 4px;  font-family: Tahoma, Arial, Helvetica, sans-serif; height:25px; display:block; font-size:12px; color:#3b3b3b;}
.champsCourt{ background-color:#ffffff; border:1px solid #c7c7c7; width:210px; padding:0 4px 0 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; height:25px; display:block; font-size:12px; color:#3b3b3b;}
.champsLong{ background-color:#ffffff; border:1px solid #c7c7c7; width:610px; padding:0 4px 0 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; height:25px; display:block; font-size:12px; color:#3b3b3b;}

.champarea{padding:4px; height:180px; margin:0; width:610px; display:block; background-color:#ffffff; color:#3b3b3b; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; border:#c7c7c7 1px solid;}

.txtForm{ font-weight:normal; padding:6px 0 2px 0; }
.espaceTop{padding-top:10px;}
.obligatoire{color:#bd2716; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; width:220px; padding:10px 0 0 0; text-align:left;}
.bEnvoyer{padding:10px 0 10px 0; float:right; text-align:right; width:150px; display:block;}

.choixGauche{float:left; padding:0 0 5px 0 ; color:#3b3b3d;}

.champloupebg{ background-image:url(../images/Skin/champ-loupe-bg.png); width:248px; height:32px; background-repeat:no-repeat; background-position:0 0; padding:5px 5px 0 5px;}
.champloupe{ width:197px; height:15px; margin:3px 5px 0 0; margin:0; padding:5px 0 0 14px; border:1px solid #e9e9e9; background-color:#e9e9e9; float:left; display:block; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px;}

.bgchamprecherche{ background-image:url(../images/Skin/txtloupe.gif); background-position: 15px 8px; background-repeat:no-repeat;}
.bouton-loupe{ background-image:url(../images/Skin/loupe.gif); background-position:0 2px; background-repeat:no-repeat; width:25px; height:23px; padding:3px 3px 0 0; float:right; display:block;}

.b-envoyer{
	background-color: #bc2615;
	background-image: url(../images/Skin/b-fleche.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 14px;
	color: #ffffff;
	border: 0 solid #bc2615;
	/*border-radius: 3px 3px 3px 3px;*/
	cursor: pointer;
	display: inline;
	float: right;
	margin: 0;
	padding: 4px 20px 4px 7px;
	width: auto;
	letter-spacing: 1px;
	}
	
.b-envoyer:hover{ background-color:#3b3b3b; }

/* ------------------Tableau Plans Mensuels  --------------*/




.tableauPlan tr:nth-child(even) td, .tableauPlan tr:nth-child(even) th {
	background-color: #f5f5f5;
}

.border-blanc .tableauPlan tr:nth-child(even) td, .border-blanc .tableauPlan tr:nth-child(even) th {
	border-right:2px solid #fff!important;
}

.tableauPlan ul{ margin-left:0;}

.tableauPlan{
	border-right:#d9d9d9 solid 1px!important;
	border-spacing: 0;
}
	.tableauPlan td{
		border-bottom:#d9d9d9 solid 1px;
		border-left:#d9d9d9 solid 1px;
		padding:10px;
	}
		.tableauPlan td h4{
			background-image:none;
			padding: 5px 0 10px;
		}
		
		.tableauPlan td h4 span{  font-size:12px; padding-top:5px; color:#bd2716; display:inline-block; font-weight:400;}
		
.prix{
	font-size:24px;
	font-weight:bold;
}
#boite_hover{
	text-align:left;
	font-size:11px;
	position:absolute;
	color:#fff;
	padding:10px;
	width:175px;
	border-radius:3px;
	background-color:#000;
	background-color:rgba(0,0,0,0.85);
	left:15px;
	top:-15px;
	z-index:100;
}
.btn_submit_rouge, .btn_commander_forfait, .btn_commander_forfait_bleu, .btn_commander_forfait_vert, .btn_commander_forfait_mauve, .btn_commander_forfait_gris {
	position: relative;
	display: inline-block;
	border-radius: 3px;
	padding: 10px;
	margin: 5px auto 5px auto;
	text-transform: lowercase;
	text-decoration: none;
	color: #fff!important;
	font-size: 13px;
	box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.btn_commander_forfait_bleu, .btn_submit_bleu_large {
	background-color: #1d7c9c;
}
	.btn_commander_forfait_bleu:hover, .btn_submit_bleu_large:hover {
		background-color: #14556b;
	}
.btn_commander_forfait, .btn_submit_orange_large {
	background-color: #df913e;
}
	.btn_commander_forfait:hover, .btn_submit_orange_large:hover {
		background-color: #c8823c;
	}
/* -------------------- bootstrap nav --------------- */

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
}
.nav-list > li > a, .nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list .active > a, .nav-list .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-tabs, .nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after, .nav-pills:after {
  clear: both;
}
.nav-tabs > li, .nav-pills > li {
  float: left;
}
.nav-tabs > li > a, .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills .active > a, .nav-pills .active > a:hover {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
  border-top-color: #0088cc;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
}
.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
}
.nav > .dropdown.active > a:hover {
  color: #000000;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
  border-top-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}

.tabbable ul li{}
.tabbable ul{ padding:0; margin:0;}


.tabbable .tab-content ul{margin:5px 0 5px 15px; padding:10px 0 5px 15px;}

.tabbable:before, .tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: hidden;
}
.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none;
}
.tab-content > .active, .pill-content > .active {
  display: block;
 	border:1px solid #dddddd;
	padding:20px;
	min-height:150px;
	height:auto !important;
	height:150px;
	
}
.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li {
  float: none;
}
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
  width:220px;
  margin-right: 0;
 /* margin-bottom: 3px;*/
}
.tabs-left .nav-tabs {
  float: left;
  margin-right:0; border-right: none;
  /*margin-right: 19px;  border-right: 1px solid #ddd; */
 
}
.tabs-left .nav-tabs > li > a {
  margin:0 5px 4px 0;
  padding:10px; 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
   text-decoration: none;
    color:#575757;
	background-color:#f5f5f5;
	font-size:14px;
	width:230px;
	border-color: #f5f5f5;
   
}
.tabs-left .nav-tabs > li > a:hover {
  border-color: #f5f5f5;
  text-decoration:none;
   color:#ba271e;
   width:230px;
}
.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover {
  border-top-color: #d5d5d5;
  border-left-color: #d5d5d5;
  border-bottom-color: #d5d5d5;
  border-right-color: #ffffff;
  text-decoration:none;
  color:#ba271e;
  background-color:#ffffff;
  margin: 0 -1px 4px 0;
  padding:10px 16px 10px 10px;
 
}
/*.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}*/


/* -------- Accordéon ----------- */

.accordion {
  margin-bottom: 18px;
}

.accordion-group {
  margin-bottom: 4px;
  border:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.accordion-heading {
  border-bottom: 0;
 
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 0 8px 0 40px;
  background-image:url(../images/Skin/acc-plus.gif); background-repeat:no-repeat; background-position:0 0; background-color:#f5f5f5; height:24px;
}
.accordion-heading a{color:#575757; text-decoration:none; line-height:24px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; }

.accordion-heading a:hover{color:#ba271e; }

	.accordion.non-flat .accordion-heading a{
		font-size:18px
	}
	
	.accordion.non-flat .accordion-heading .accordion-toggle{
		position:relative;
		height:35px;
		line-height:35px;
		background-image:none;
		padding-left:50px;
		border:#d9d9d9 solid 1px;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
	}
		.accordion.non-flat .accordion-heading .accordion-toggle:before{
			content:'+';
			display:block;
			position:absolute;
			left:0;
			top:0;
			width:35px;
			height:35px;
			line-height:35px;
			text-align:center;
			background:#bd2716;
			color:#fff;
			font-size:18px;
			font-weight:bold;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
		}
	
.accordion-inner{  margin-top:4px;  padding:10px;  border: 1px solid #e9e9e9;}
	.accordion-inner .tableauPlan{
		border-right:none!important;
	}
		.accordion-inner .tableauPlan td {
			border-bottom:none;
			border-left:none;
		}
.hide{  display: none;}
.show{ display: block;}
.invisible{  visibility: hidden;}

.collapse{
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {  height: auto;}

/* widget twitter */

.twtr-widget-profile h3, .twtr-widget-profile h4 {
    margin: 0 0 0 40px !important;
	background-image:none;
	border:none;
}

/*------------------ bulle grise pointe haut --------*/
.boiteGrisbulle-Haut{ background-color:#f5f5f5; padding:31px 20px 20px 20px; display:block; color:#575757; margin-bottom:30px; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px;background-image:url(../images/Skin/pointeGrisHaut.gif); background-repeat:no-repeat; background-position:0 0; }

.titrebullGrise{ font-family: 'Oswald', sans-serif; font-weight:400; font-size:18px; color:#575757; padding:0 0 10px 0; margin:0; line-height:25px; text-align:left;}
.commentaire-client{ padding-bottom:5px; min-height:125px;}
#Nouvelles{ position:relative; }


.NouvelleTitre{color:#bc2e22; font-family: 'Oswald', sans-serif; font-weight:300; font-size:18px; padding:15px 0 10px 0; display:block;}
.ActualiteDetails{background-image:url(../../images/Skin/p1.gif); background-position:0 bottom; background-repeat:repeat-x; padding:0 0 20px 0; margin-bottom:6px;}
.popupContent .ActualiteDetails{ background-image:none; padding: 0; margin:0;}
#portfolioAddThis a, .at300b{text-decoration:none;}

#Nouvelles h3{background-image:url(../images/Skin/bg-nomClient.gif); background-position:left center; padding:0 0 0 20px; margin:0; background-repeat:no-repeat; font-style:italic; color:#888; font-size:12px; text-align:right; float:right; right:15px; font-weight:normal; border:none; text-transform:none; font-family:"Tahoma",Arial, Helvetica, sans-serif;}

/*INFOLETTRE*/
body#gabarit-infolettre{
	background-image:none;
}
.banderouge_infolettre{
	background:url(../images/Skin/bandeRouge-defaut.gif) repeat-x 0 70px;
	padding:0;
	margin:-1px 0 0;
}
.banderouge_infolettre .bgblanc{
	background:none;
}
.banderouge_infolettre .LeCorps{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:810px;
	background-color:#fff;
	border:solid 1px #000;
	/*padding-top:25px;*/
}
	.banderouge_infolettre .BoiteGenerale{
		padding:8px 0px 0px;;
	}
		.banderouge_infolettre .BoiteGenerale h1{
			display:none;
		}
			.banderouge_infolettre .BoiteGenerale div h1{
				display:block;
				margin-bottom:-7px;
				margin-top:10px;
			}
	.banderouge_infolettre .boite-Sans-Titre{
		padding:0;
	}
		.banderouge_infolettre .boite-Sans-Titre img{
			margin-top:-8px;
		}
		.banderouge_infolettre .boite-Sans-Titre a.lien-Carre-Rouge{
			display:inline-block;
			margin-bottom:18px;
		}
	.banderouge_infolettre .pointilleligne{
		padding:13px 0px;
		margin:18px 0 0;
	}
.banderouge_infolettre .row{
	width:660px;
}
.form_infolettre{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	width:600px;
	background:#f5f5f5;
	margin:auto;
	padding:30px;
}
.form_infolettre:before{
	content:'';
	display:block;
	clear:both;
}
.form_infolettre:after{
	content:'';
	display:block;
	clear:both;
}
	.form_infolettre .info_infolettre{
	}
		.form_infolettre .info_infolettre h2{
			font-size:16px;
			text-align:center;
		}
		.form_infolettre .info_infolettre div{
		}
	.form_infolettre form{
	}
		.form_infolettre form .grid_4{
			width:260px;
		}
		.form_infolettre form .champsMoyen{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background-color:#fff;
			border:1px solid #c7c7c7;
			width:260px;
			padding:0 4px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			height:25px;
			display:block;
			font-size:12px;
			color:#3b3b3b;
		}
		.form_infolettre form .champsLong{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width:540px;
		}
.pied_infolettre{
	width:810px; 
	margin:0 auto -1px;
	padding:0;
}
/*CRÉATION SITE WEB*/
.form_informe{
}
	.form_informe #FormValue_EmailAddress, .form_informe #FormValue_CustomField59, .form_informe #FormValue_CustomField60{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color:#fff;
		border:1px solid #c7c7c7;
		width:249px;
		padding:0 4px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		height:25px;
		display:block;
		font-size:12px;
		color:#3b3b3b;
	}
	.form_informe #FormButton_Subscribe{
		background:url(../images/Skin/b-fleche.png) #bc2615 no-repeat right center;
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 14px;
		color: #fff;
		border: 0 solid #bc2615;
		cursor: pointer;
		display: inline;
		float: right;
		margin: 0;
		padding: 4px 20px 4px 7px;
		width: auto;
		letter-spacing: 1px;
	}
	.form_informe #FormButton_Subscribe:hover{
		background:url(../images/Skin/b-fleche.png) #3b3b3b no-repeat right center;
	}
	.form_informe .txtpetit{
		color: #bd2716;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 10px 0 0 0;
	}