/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;}
html, body {margin:0; padding:0;text-align:center;}

/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#005c89; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:; font-weight:bold;font-size:16px;ligne-height:32px;}

/* image par défaut */
IMG{border:0}


/* temp.html */
html, body{background:#fff url(img/background.jpg) repeat-x;height:100%;text-align:center;}
#wrap{
	width:980px;
	height:100%;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
#960{
	width:960px;
	height:100%;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#colgauche {width:240px; float:left;margin:0;height:100%;
			background:url(img/logo-reseau-bag.png)50% 14% no-repeat;
}
#colcentre {width:720px; float:left;margin:0;height:100%;
			text-align:left;
}
#coldroite {width:240px; float:right;margin:0;height:100%;}
	#in3 {margin-top:20px; border:1px solid #999;text-align:center;
			background-color:#CCCCCC; color:#333333;
	}
			#typo1 {padding:10px;font-weight:bold;color:#666666;}
			#typo2 {padding:10px;padding-top:0px;font-size:18px;line-height:20px; color:#333333;}
			#typo3 {padding:10px;padding-top:0px;font-size:12px;line-height:13px;color:#666;}
			
#header{
	margin-bottom:0;
	width:100%;
	height:224px;
}

	#hh01{height:176px; clear:both;}
		#logo-img {float:left;padding-top:50px;}
		#logo-texte {float:left;margin-left:30px;padding-top:30px;}
			#nom-client{clear:both;font-size:3.0em;text-align:left;color:#005c89;}
			#slogan{clear:both;font-size:2.8em;text-align:left;color:#680022;}
	#hh02{height:48px; clear:both; padding-bottom:0;font-size:1.2em;width:800px;margin-left:5px;}

/* MODIF : hauteur de bordure droite de l'UL du menu horizontal (FF et IE), bordure droite parasite UL 2e niveau (IE) - 16/O5/2006 */
      #hh02 ul {padding:0; margin:1em 1em 0 0; display:inline; border-right:1px solid #333;}
      #hh02 ul ul {border-right:0;}

		#hh02 ul li {border-left:1px solid #333; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#333;}
		#hh02 li a:hover {color:#666;}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #005c89
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#annonce {
	height:px;
	clear:both:;
	width:100%;
	margin-bottom:0;
	overflow:hidden;
	background:url(img/pub-background.jpg) repeat-x #000;
}
#annonce-hide, #hh01, .collapselink01{
	width:100%;
	margin:0;
	clear:both;
}
	.titre-annonce{
		padding-top:20px;
		font-size:2.2em;
		font-weight:bold;
		color:#ffdd00;
		width:100%;
	}
	.sous-titre-annonce {
		color:#fff;
		font-size:1.2em;
		width:100%;
		height:15px;
		margin-bottom:26px;
		clear:both;
	}
	.annonce-liens {
		widht:100%;
	}
		.lien {
			width:50%;
			float:left;
		}
	
	
#mentete {
	width:100%;
	height:21px;
	clear:both;
	
}
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#grey; 
	font-weight:normal
	}
		#entete A {color:#grey}
		#entete A:hover {color:#FF8000}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:20px; color:#6E8547; font-weight:bold; height:32px;text-align:left;padding-top:16px;background:url(img/fd-menu2.jpg) repeat-x;}
	DIV.mg1 a {color:#6E8547;}
	DIV.mg3 {color:#000; padding-left:0; line-height:16px; text-align:left;border-bottom:#333 1px solid;}
	DIV.mg3 a {color:#000;text-align:left;}


#menugauche {
	border-right:#333 1px solid;
	width:220px;
	margin-top:256px;
	margin-left:10px;
} 
	div.20pad {padding-left:10px;padding-right:10px;}
 
#contenupage {
	padding-left:0px;
	padding-right:20px;
	padding-top:32px;
	height:100%;
} 

#coulcentre {width:700px;height:100%;margin-left:10px;}

#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#005c89}


/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em; text-align:left;}

#accueil{
	float:left;
	margin:0;
}

#aa01{
	float:left;
	width:100%;
	}

#aa02{
	float:right;
	width:100%;
	BORDER:#003366 1px dotted;
}
	#aa01 h1 {display:block;width:100%;}
	#aa02 h1 {display:inline; margin-bottom:16px;}
	#aa01 span {display:block;padding-bottom:16px;}
	
	#dn, #dl {width:350px;margin:0px;float:left;}
	
	.in1 {
		margin-top:16px;
		margin-left:20px;
		margin-bottom:16px;
		margin-right:10px;
		
	}
	.in2 {
		margin-top:16px;
		margin-left:10px;
		margin-bottom:16px;
		margin-right:20px;
		
	}



#rubriques{
	float:left;
	width:100%;
	padding-top:0;
	padding-bottom:1em;
	text-align:left;
	margin-top:16px;
}
    #rubriques h1 {display:block;width:100%;padding-bottom:16px;}
	#rubriques span {display:block;padding-bottom:16px;}
	#rubriques h2 {display:block;font-size:16px;font-weight:bold;padding-bottom:16px;}
	#rubriques h3 {font-size:13px;font-weight:bold;}
	#rubriques ul {list-style-type:none; margin:0;}
	#rubriques A {color:#333;}
	#rubriques A:hover {color:#333;}
	#rubriques img {float:left; padding-right:10px;}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

div.contcol {padding-top:20px;}
div.contcol2 {padding-bottom:20px;}

#edito p{
	color:#333;!important
}
/*---------------------------WEL----------------------------*/
#wel-tableau-tarifs{ float:left}
#wel-txt-tarifs{ float:left; width:345px; margin-right:20px; text-align:justify;}
#wel-tableau-tarifs1, #wel-tableau-tarifs2 {
    float: left;
}
#wel-tarifs1, #wel-tarifs2 {
    background-color: #EEEEEE;
    border: 1px solid #DCDCDC;
    margin: 0;
    text-align: center;
}
.wel-ligne1 {
    background-color: #BF9A25;
    color: #FFFFFF;
    font-weight: bold;
}
#wel-tarifs1 td, #wel-tarifs2 td {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #FFFFFF;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    padding: 5px;
}
.wel-ligne-impair {
    background-color: #DCDCDC;
}
.wel-col1 {
    border: medium none !important;
}
.wel-commentaires {
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none !important;
}
#wel-tableau-tarifs2 {
    margin-left: 10px;
}
.clear{ clear:both;}
.block-devis, .block-contact{
	width:45%;
	float:left;
	margin-left:10px;
	-moz-border-radius: 3px 3px 3px 3px;
	padding: 15px;
	text-align:center;
	height:220px;
	}
.block-devis{
	border: 1px solid #E3E3E3;
	background: none repeat scroll 0 0 #F1F1F1;
	}
.block-contact{
	border:1px solid #7C7C7C;
	background: none repeat scroll 0 0 #999999;}
h1{
	color:#444;}