/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body{
	margin:0px;
	color:#000000;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	line-height:20px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

.realisation{
	font-size:10px;
	color:#0B3F69;
	font-weight:bold;
	margin-bottom:10px;
	line-height: normal;
	}
	
.realisation b{
	font-size:12px;
	color:#067DF3;
	font-weight:bold;
	margin-bottom:10px;
	}
	
strong{
	color:#101A26;
}
	
a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	text-decoration:none;
	color:#0B3F69;
}


#conteneur{
	width: 981px;
	height:100%;
	margin:0px auto;	
	
}
#colonne_gauche{
width:227px;
float:left;
	}
#colonne_droite{
width:754px;
float:left;
	}
#menu{
	background-image:url(../images/bg_menu.jpg);
	background-repeat:no-repeat;
	}
#menu a{
	color:#999999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
display:block;
width:210px;
padding-top:6px;
padding-bottom:6px;
padding-left:15px;
	border-top:1px solid #E4E4E4;
	margin-left:1px;
	}
#menu a:hover{
	color:#0B3859;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
display:block;
width:210px;
padding-top:6px;
padding-bottom:6px;
padding-left:15px;
	border-top:1px solid #E4E4E4;
	}
#projets{
	background-image:url(../images/bg_projets.jpg);
	background-repeat:no-repeat;
	height:38px;
	
	}
.bleu{
	color:#067DF3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
	padding-top:10px;
	}
.bleu_fonce{
	color:#0B3F69;
	}
.photo_projets{
	padding-left:9px;
	padding-top:9px;
	}
a.bt_realisations{
	color:#067DF3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;
padding-left:15px;

	}
a:hover.bt_realisations{
	color:#0B3F69;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;
padding-left:15px;

	}
#realisations{
	background-image:url(../images/bg_realisations.jpg);
	background-repeat:no-repeat;
	
	}
#pub{
	margin-top:47px;
	height:313px;
	}
#contenue_centre{
	background-image:url(../images/bg_ombre.jpg);
	background-repeat:no-repeat;
	margin-top:2px;
	width:537px;
	float:left;
	color:#6F6F6F;
	padding-bottom:50px;
	
	}

#contenue_centre a{
	text-decoration:underline;
	color: #333;
	}
	
#contenue_centre a:hover{
	text-decoration:underline;
	color:#067DF3;
	}
	
	
#menu_droite{
	float:left;
	width:217px;
	}
#nouvelle{
	background-color:#DADADA;
	padding:30px;
	background-image:url(../images/bg_nouvelle.png);
	background-repeat:no-repeat;
	}
h1{
	font-size:14px;
	color:#0B3F69;
	font-weight:bold;
	margin-bottom:10px;
	}
h2{
	font-size:14px;
	color:#067DF3;
	font-weight:bold;
	}
h3{
	font-size:14px;
	color:#067DF3;
	font-weight:normal;
	}
h4{
	font-size:12px;
	color:#067DF3;
	font-weight:bold;
	}
h5{
	font-size:24px;
	color:#067DF3;
	font-weight:bold;
	margin-bottom:10px;
	}
#nouvelle p{
	font-size:11px;
	color:#474747;
	line-height:16px;
	}
#nouvelle a{
	color:#646464;
font-size:12px;
line-height:16px;
	font-weight:bold;
	}
#nouvelle a:hover{
	color:#333;
font-size:12px;
line-height:16px;
	font-weight:bold;
	}
.espacement{
	padding:30px;
	}
#footer{
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	color:#FFF;

	}
#footer a{

	color:#FFF;

	}
#espacement_footer{
	width: 781px;
	height:100%;
	margin:0px auto;	
	padding-top:100px;
	padding-bottom:55px;
	padding-left:318px;
	
}
#publication{
	margin-top:2px;
	background-color:#F9F9F9;
	padding:30px;
	text-align:right;
	color:#067DF3;
	line-height:17px;
	
	}
#facebook{
	background-color:#EAEAEA;
	text-align:right;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
	}
#smi{
	background-color:#DFDEDE;
	text-align:right;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
	}
.champ{
	margin-top:10px;
	margin-bottom:10px;
	}
.bouton{
	background-color:#067DF3;
	padding:4px;
	color:#FFF;
	font-size:11px;
	border:none;
	}
.bleu_droite{
	color:#0678E8;
	font-size:12px;
	font-weight:bold;
	line-height:12px;


	}
.bleu_fonce_droite{
	color:#0C3859;
	font-size:12px;
	font-weight:bold;
	}