/* CSS Document */
body{
	margin : 0;
	padding : 0;
	height:100%;

}

body {
	behavior: url(csshover.htc);
	//background-color: white;
	background: url(images/1023.png) repeat top left;
	color : black;
	font-size : 11px;
	font-family: Lucida Grande, Gill Sans, "MS Trebuchet", Arial, Helvetica, sans-serif;
	text-align : center;}

#page {
	width : 950px;
	height : 100%;
	margin: 10px auto;
	padding : 0;
	text-align : left;
}

div.bloc {
	//border-top : 0px solid #CCC;
	//border-right : 2px solid #DDD;
	//border-bottom : 1px solid #CCC;
	//border-left : 0px solid #CCC;
	background-color: #FFFFFF;
	margin : 4px 4px;
}



#leftcolumn {
	height : auto;
	width : 179px;
	float : left;
	padding : 0 0 50px 0;
	border-left : 6px solid black;
	border-top : 0px solid #CCC;
	border-right : 2px solid #DDD;
	border-bottom : 1px solid #CCC;
	background-color: #F2F2F2;
}

#logo {
	height : 90px;
}

#logo img{
	display: block;
	width: 103px;
	margin: 20px auto;
	padding: 0;
}

#menu {
}

#middlecolumn {
	width : 576px;
	float : left;
}

#visuel {
	padding : 0px 5px;
	margin-bottom: 4px;
	overflow: hidden;
}

#contenu {
	padding : 20px 10px 50px 10px;
	background-color : transparent;
}

#contenu .colonnegche{
	width : 65%;
	float : left;
	
}
#contenu .colonnegche p{
	
	
}
#contenu .colonnedte{
	width : 30%;
	float : right;
	color : #888;
	margin-top : -5px;
}


#rightcolumn {
	height: 100%;
	width: 178px;
	float: left;
}

a img {
	border: none;
}


/*STYLE MENU*/
#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li.rubrique{
	color : white;
	font-size : 10px;
	font-weight: normal;
	letter-spacing:1.2px;
	display: block;
	width: 198px;
	height: 54px;
	margin: -10px 0 0 0;
	padding: 0;
	line-height: 3em;
	float:left;
	text-align: right;
}

div#menu li.sousmenu{
	display : block;
	position :relative;
	bottom : 6px;
	height : 0px;
	overflow : visible;
	z-index : 4;
}

#menu li.rubrique a{
	display: block;
	color: white;
	height : 30px;
	text-decoration: none; 
    padding: 0 25px 15px 8px;
}

#menu li.rubrique:hover a, #menu li.abaisse a{
 	line-height: 2em;
 	font-size: 12px;
 	padding : 0 20px 15px 8px;

}

#presentation{
	background-image : url(images/ongletPres.png);
	position : relative;
	z-index : 0;

}
#presentation:hover, #presentation.abaisse{
	background-image : url(images/ongletPresDown.png);

}

#interfaces{
	background-image : url(images/ongletSysServices.png);
	position : relative;
	z-index : 2;

}
#interfaces:hover, #interfaces.abaisse{
	background-image : url(images/ongletSysServicesDown.png);

}

#servicesetsystemes{
	background-image : url(images/ongletInterfaces.png);
	position : relative;
	z-index : 1;

}
#servicesetsystemes:hover, #servicesetsystemes.abaisse{
	background-image : url(images/ongletInterfacesDown.png);

}

#informations{
	background-image : url(images/ongletInfo.png);
	position : relative;
	z-index : 3;

}
#informations:hover, #informations.abaisse{
	background-image : url(images/ongletInfoDown.png);

}
#news{
	background-image : url(images/ongletRef.png);
	position : relative;
	z-index : 5;

}
#news:hover, #news.abaisse{
	background-image : url(images/ongletRefDown.png);

}

#equipe{
	background-image : url(images/ongletEquipe.png);
	position : relative;
	z-index : 6;


}
#equipe:hover, #equipe.abaisse{
	background-image : url(images/ongletEquipeDown.png);

}

#contact{
	background-image : url(images/ongletContact.png);
	position : relative;
	z-index : 7;


}
#contact:hover, #contact.abaisse{
	background-image : url(images/ongletContactDown.png);

}

#menu li{
}

#menu .abaisse {
}

/*FIN STYLE MENU*/

/*STYLE CONTENU*/

#contenu b {
}

#contenu a {
	color : #888;
}

#contenu HR{
	height: 1px;
	margin: 10px 0 -10px 0;
	border: 0;
	background-color: #CCCCCC;
}

#contenu p {
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	word-spacing: 0.12em;
	margin: 0 0 5px 0;
	//text-align : justify;
	

	
}

#contenu ul, #contenu li {
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#contenu li {
	padding: 0 0 0 14px;
	list-style-type : none;
	background: url(images/puce-fleche.png) no-repeat 0 0.5em;
	//text-align : justify;
}


#contenu h1 {
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	margin-bottom : 20px;
	//border-bottom : 1px solid #CCC;

}

#contenu h2 {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: left;
	margin: 15px 0 0 0;
	font-weight: bold;

}

#contenu h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

#contenu h4 {
	margin: 0;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}
#contenu H1.txtbleu {
	color: #0092DF;
	text-align: left !important;
	
}
#contenu H1.txtvert1 {
	color: #328904;
	text-align: left;
}
#contenu H1.txtvert2 {
	color: #7DCC00;
	text-align: left;
}
#contenu H1.txtvert3 {
	color: #17580a;
	text-align: left;
}
#contenu H1.txtjaune {
	color: #ffa600;
	text-align: left;
}
#contenu H1.txtorange {
	color: #f88506;
	text-align: left;
}
#contenu H1.txtrouge {
	color: #f84600;
	text-align: left;
}

.actu img {
	width : 200px !important;
	height : auto !important;
}
div.actu {
	//border-bottom : 1px solid #CCC;
	height : auto;
	overflow : hidden;
}
.blogger-post-footer img {
	width : 0px !important;
	height : 0px !important;
}

.actu p{
	//text-align : left !important;
}

/*FIN STYLE CONTENU*/

/*STYLE INFOS*/

#rightcolumn a{
	text-decoration: none;
	color: black;

}

#rightcolumn .bloc {
	border-top : 0px solid #CCC;
	border-right : 2px solid #CCC;
	border-bottom : 2px solid #CCC;
	border-left : 0px solid #CCC;
	background: #333;
	color: white;
	padding: 8px 15px;
	margin-bottom: 4px;
}

#rightcolumn H1 {
	display: block;
	border-bottom: 1px solid #666;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	margin-bottom : 10px;
}

#rightcolumn H1 a{
	display: block;
	float: right;
}

#rightcolumn ul {
	padding-left: 15px;

}
#rightcolumn li{
	margin-bottom: 8px;

}
#rightcolumn a{
	color: white;
}

#rightcolumn .option{
	display:block;
	align: right;
	text-align: right;
	font-size: 0.9em;
	font-style: italic;
	color: #BBB;
	margin-top: 5px;
}

#quote q{
	display:bloc;
	width: 100%;
	text-align: left;
	font-style: italic;
}



/*FIN STYLE CONTENU*/

/*CONTACT*/

INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE; padding: 3px 5px; }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#coordonnees {
	margin-top: 30px;
}


/*NEWS*/


#articles .actu {
	padding : 20px 30px 20px 30px; 
}

#articles H1 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: normal;
	color : #ffa600; 
}
#articles .content {
	margin-top: 20px; 
}
#articles .date {
	color: #888;
	font-style : italic; 
}
#articles .link {
	color: #888; 
}




/*PLAN DU SITE*/
#plan {
	width: 540px;
	height: 20px;
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: -270px;
	padding-top: 5px;
	font-size: 0.9em;
	border-top: solid 1px #DDD;
	text-align: center;
}
#plan a{
	
	text-decoration : underline;
}
#PlanDuSite {
	margin-left: 15px;
}
#PlanDuSite li{
	margin-top: 2px;
}
#PlanDuSite dt{
	margin-top: 10px;
}
#PlanDuSite .Rubrique{
	margin-left: 20px;
	margin-top: 5px;
	font-size: 0.9em;
}
#PlanDuSite .Rubrique .ssRubrique{
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 0.9em;
}

//-->