/* Start of CMSMS style sheet 'commun' */
/*	CSS nom du site
	Création Agence Grain de Sel le 00/00/0000 */

*{
	 margin:0;
	 padding:0;
	 border:0;
}

.separateur{ 
	 display: block;
	 height: 0;
	 margin: 0;
	 _margin:-7px 0;
	 padding: 0;
	 border: 0;
	 visibility: hidden;
	 clear:both;
}

html {
	font-size:9pt;
}

body{
  	text-align : center;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	font-size:1em;
}

#bodyImage{
	min-height:900px;
	_height:900px;
}
#conteneur{
 	margin : 0 auto;
	width:970px;	
	text-align:left; 
 }

#haut{
	width:970px;	
	height:161px;
	padding-top:121px;
 }

#centre{
	width:970px;
 }

/* haut **********************************************************************/
.logo{
	width:425px;	
	height:60px;
	display:block;
 }

.baseline{
	color:#fff;
	font-size:1em;
	text-decoration:none;
	margin-left:78px;
}

.version1{
	margin-left:438px;
	display:block;
width:150px;
	color:#fff;
	font-size:1em;
	text-decoration:none;
}


/* actu *********************************************************************/
#actu{
	width:324px;
	height:100px;
	float:right;
	margin-top:-120px;
 }

#actu h2{
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.1em;
	margin-bottom:5px;
 }

#actu p{
	width:310px;
	height:66px;
	background-color:#b8ccd4;
	color:#0e4e6a;
	padding:7px;
	overflow:hidden;
	font-size:11px;
}



/* centre **********************************************************************/

/* bloc left ********************************************************************************/

#blocLeft{
	width:631px;
	border-right:2px solid #fff;
	min-height:460px;
	/*_height:460px;*/
	float:left;
	_width:628px;
	_overflow:hidden;
}

#bkgMenu{
	width:631px;
	height:55px;
 }

#bkgMenu li{
	width:197px;
	height:55px;
	background-color:#fff;
	float:left;
	margin-right:13px;
 }

#bkgMenuClair{
	filter:alpha(opacity=40);
	opacity: 0.4; 
	display:block;
 }

#bkgMenuMoyen{
	filter:alpha(opacity=60);
	opacity: 0.6; 
	display:block;
 }

#bkgMenuFonce{
	filter:alpha(opacity=80);
	opacity: 0.8; 
	display:block;
 }

/* menu **********************************************************************************/
#menu{
	list-style-type: none;
	display:block;
	height:55px;
	margin-top:-55px !important;
	position:absolute;
	_width:631px;
}

#menu ul{
	list-style-type: none;
}
	
#menu li {
	width:197px;
	float:left;
	text-align:center;
	margin-right:13px;
	}

#menu a {	
	text-decoration:none;
	color:#0e4e6a;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	padding-top:20px;
	height:35px;
}

#menu a:hover {	
	width:197px;
	height:35px;
}

/* bloc texte **********************************************************************************/
#blocTexte{
	width:587px;
	text-align:justify;
	margin-top:78px;
	margin-top:10px;
_padding-bottom:30px;

}

#blocTexte h1 {	
        .margin-top:78px;
	font-size:1.3em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
	text-align:right;
}

#blocTexte a {	
	text-decoration:none;
}

#blocTexte a:hover {	
	text-decoration:underline;
}

/* bloc right ********************************************************************************/

#blocRight{
	width:337px;
	margin-left:633px;
_margin-left:0;
}

#blocRightTop{
	width:337px;
	height:61px;
	border-bottom:2px solid #fff;
 }

.lienRef{
	width:195px;
	height:35px;
	float:left;
	padding-top:20px;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
 }

.lienSon{
	color:#fff;
	font-size:1em;
	text-decoration:none;
	/*background:url("images/graindesel/son.png")  0 37px no-repeat;*/
	padding-left:23px;
	height:15px;
	display:block;
	margin-left:218px;
	_margin-left:208px;
	padding-top:40px;
}

.lienSon:hover{
	text-decoration:underline;
 }

/* bloc ref ********************************************************************************/

#blocRef{
	width:211px;
	height:288px;
	background:url("images/graindesel/bkg-reference.jpg")  0 36px no-repeat;
	margin-left:10px;
	margin-top:21px;
}

#blocRef2{
	width:325px;
	margin-left:10px;
	margin-top:21px;
	overflow:hidden;
}

#blocRef3{
        position:absolute;
        width:325px;
        overflow:hidden;
}

#blocRef2 div {
	/*_margin-left:40px;*/
	/*_width:325px;*/
	/*_overflow:hidden;*/
}

#blocRef h1 {	
	color:#0e4e6a;
	font-size:1.2em;
	font-weight:normal;
	width:205px;
	height:26px;
	background-color:#fff;
	text-align:left;
	padding: 10px 0 0 6px;
}
#blocRef2 h6 {	
	color:#FFF;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
	padding: 10px 0 0 6px;
}

#imgRef {	
	width:152px;
	height:179px;
	border:4px solid #fff;
	margin-left:25px;
	margin-top:21px;
}

/* footer ********************************************************************************/

#footer {
	background-color:#fff;
	position : fixed;
	bottom:0;
	left:0;
	width:100%;
	height:28px;
	_margin-top:40px;
        z-index:100;
}

#menusFooter {
        _padding:0 15px;
	background-color:#fff;
	left:50%;
	position:absolute;
	width:970px;
        _width:940px;
	margin-left:-485px;
}

#menuFooter {
	list-style-type:none;
	position:absolute;
	margin-top:8px;
}
#menuFooter li {
	float:left;
	margin-right:15px;
}
#menuFooter a {	
	color:#0e4e6a;
	text-decoration:none;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	font-size:0.95em;
}
#menuFooter a:hover {	
	text-decoration:underline;
}

/* formulaire recherches  ********************************************/
 #frmRecherche form{
	margin:0;
	padding:0;
	color:#0e4e6a;
	margin-left:332px;
	margin-top:4px;
        float:right;
 }

.chpTxt {
	height:15px;
	padding-left:2px; 
	padding-top:3px;
	margin:0;
	width:189px;
	color:#0e4e6a;
	border:1px solid #a3c0cd;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	font-size:0.9em;
}
#nom {
	border:1px solid #a3c0cd;
}	

.btnRecherche {	
	text-decoration:none;
	color:#0e4e6a;
	margin-left:10px;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	}

.btnRecherche:hover {
	text-decoration:underline;
	}

	
/* MENUS animes ******************************************************/
#menu-agence-web, #menu-creation-site-vendee,#menu-agence-web-challans {
	overflow:hidden;
}
#menu-agence-web ul, #menu-creation-site-vendee ul,#menu-agence-web-challans ul {
	padding-top:5px;
	width:197px;
        list-style-type:none;
}
#menu-agence-web li, #menu-creation-site-vendee li,#menu-agence-web-challans li {
	margin-bottom:2px;
	background-color:#fff;
}
#menu-agence-web li {
	filter:alpha(opacity=40);
	opacity: 0.4; 
}

#menu-agence-web-challans li
 {
	filter:alpha(opacity=80);
	opacity: 0.8; 
}

#menu-agence-web-challans li:hover
 {
	filter:alpha(opacity=70);
	opacity: 0.7; 
}

#menu-creation-site-vendee li {
	filter:alpha(opacity=60);
	opacity: 0.6; 
}
#menu-agence-web li a, #menu-creation-site-vendee li a,#menu-agence-web-challans li a {
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	display: block;
        color:#0e4e6a;
	padding:3px 0 0;
        text-transform:none !important;
        height:auto;
        padding: 7px 0;
}
#menu-agence-web li a:hover, #menu-creation-site-vendee li a:hover,#menu-agence-web-challans li a:hover {
	color:#fff !important;
	background-color:#000;	
        height:auto;
}

#plandusite ul {
margin-left:30px;
}

#filAriane {
margin-top:65px;
margin-right:43px;
text-align:right;
}
/* End of 'commun' */