@import url(./stylec.css);

/* propriétés générales de la page */ 
html, body{
}

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	background:#27282A url(../../images/background.jpg) repeat-x top center;
}

img{
	border:0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
	margin:0;
	margin-bottom:5px;
}

p{ margin:0px;}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

.clear{
	visibility:hidden;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	height:0; 
	line-height:0; 
	font-size:0;
}

.thin{
	height : 1px;
	border-width : 1px 0 0 0;
	border-style : solid;
	border-color : #ddd;
}

#page{
	margin:0 auto;
	/*width:753px;*/
	width:785px;
}
/* Header
*************************/

#top{
	/*z-index:200;*/
	background:#27282A url(../../images/header.jpg) no-repeat top center;
	height:293px;
	position:relative;
}

#top_h{
	height:228px;
	margin:0 17px 0 24px;
}

#top_h .outils{
	float:left;
	margin:16px 13px 0 10px;
	text-align:center;
	font-family:Verdana;
	font-size:0.8em;
	font-weight:bold;
	visibility: hidden;
}

#top_menu{
	margin:0 10px;
	height:50px;
	line-height:50px;
}

#calendar{
	float:left;
	width:205px;
	_with:220px;
	font-family:Verdana;
	font-size:0.8em;
	font-weight:bold;
	margin-left:22px;
	_margin-left:10px;
	/*background:transparent url(../../images/icon_calendar.jpg) no-repeat center left;*/
}

/* Partie cenrtale
*************************/

#centrale{
	font-size: 12px;
}

#centrale_top{
	background:#3D3E42 url(../../images/contenu_top.jpg) no-repeat top center;
	height:13px;
	_margin-bottom:-10px;
}

#contenu{
	background:#27282A url(../../images/contenu_middle.jpg) repeat-y top center;
	margin:0 16px;
	padding:10px;
}

#conteneur div{
	padding:0 5px;
}


#left_side{
	margin-right:10px;
	float:left;
	width:30%;
}

#left_side .titre{
	background:transparent url(../../images/button-rond.jpg) no-repeat center left;
	padding-left:14px;
}

#left_side ul {
padding:0;
margin:0;
}

#left_side li {
list-style-type: none;
}


#right_side{
	float:left;
	/* width:29%; */
	width:64%;
}

#right_side_bis{
	color:black;
	float:left;
	width:35%;
	display: none;
	border-left:1px dashed #ddd;
}

#enligne{
	height:250px;
	overflow:auto;
}
#edito{
	text-indent:1.5em;
	text-align:justify;
}

#edito li{
padding-bottom:10px;
text-indent:0;
list-style-image:url(../../images/liste.gif);
}
#edito li strong{
color: #FF702B;
}

#edito li strong a{
color: #FF702B;
text-decoration: underline;
}

#edito li strong a:hover{
color:#FFFFFF;
text-decoration: none;
background: #000;
}

#actus{
	height:250px;
	overflow:auto;
}

#right_side p a{
	font-size:0.9em;
}

#right_side_bis p{
	border:1px dashed #bbb;
	padding:2px;
}
#right_side_bis p:hover{
	color:#C63401;
	border:1px solid #bbb;
}

#menu_rubrique{
	min-height:250px;
}
#menu_rubrique p {
text-align: justify;
margin-bottom: 1em;
}
#right_double{
	float:left;
	width:65%;
	_width:50%;
}
/* Compétence
************************/
#competence{
	background:#27282A url(../../images/cadre_produits.jpg) no-repeat top center;
	height:120px;
	padding:0 16px;
	font-size:12px;
}

#competence img {
	float:left;
	margin-right:20px;
}

.slogan{
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold;	
}

.learnmore{
	position:relative;
top:15px;	
left:15px;	
}

#competence_bloc1{
	float:left;
	width:220px;
	padding:10px;
}
#competence_bloc2{
	float:left;
	width:238px;
	height:100px;
	display:block;
	padding:10px;
}
#competence_bloc3{
	float:left;
	width:235px;
	height:100px;
	display:block;
	padding:10px;
}


#footer{
	padding:0 20px;
	_margin-left: -2px; 
	padding-left: 20px; 
	background:#27282A url(../../images/footer.jpg) no-repeat top center;
	height:60px;
	font-family:Verdana;
	font-size:0.7em;
	font-weight:bold;
}

#mention_legale{
	float:left;
	margin-right:10px;
	float:left;
	width:220px;
	width:220px;
	color:white;
	position:relative;
	top:10px;
	left:10px;
}

#menu_dessous{
	float:left;
	width:470px;
	line-height:40px;
	padding-left:30px;

}

/*
Compétences > Internet
*****************************/
#right_double .site {
	height: 182px;
	background-image: url('/images/sites-bg.jpg');
	border: 3px solid #EEEAEB;
	margin-bottom: 1em;
}

.site img {
	float:left;
	margin: 2px 7px;
}
.site a {
text-decoration: underline;
display: block;
margin-bottom: 0.5em;
}

a#lien_contact:link {
text-decoration: none;
}

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


/* Outil Référencement */

.outil {
	background:#fff;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:5px !important;
}

.outil .img{
	text-align:center;
	margin:auto;
}
.outil .img img{
	display:inline;
}

.outil p{
	margin-top:5px;
}

.outil p a{
	color:#C63401;
}