@import url(general.css);
@import url(cdr-general.css);
@import url(bloc-lies.css); 

#contenu{
	float: left;
}
/* Titre */
#contenu h1{
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 3px;
	padding-bottom: 0px;
	color: #00846c;
	
	background-color: #f6f6f6;
	height: 50px;
	width: 500px;
	font-size: 20px;
	
	font-weight: normal;
}

/* Image du titre */
.picto-titre{
	float:left;
	
}

#contenu-article img{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: thin solid #4BB496;
	
}

.gauche{
	float: left;
}

.centre{
	float: none;
	margin-bottom: 10px;
}

.droite{
	float: right;
}

#contenu .image{
	background-image: none;
}


/* Séparateur */
hr{
	clear: both;
	
	margin-top: 20px;
	margin-left: 6px;
	width: 200px;
	
	background-color: #02846c;
	height: 1px;
	color: #02846c;
}

/* Barre horizontale du titre */
h1 hr{
	margin-top: 2px;
	margin-left: 0;
}

/* Sous titre */
#contenu h2{
	padding-top: 3px;
	font-size: 13px;
	color: #00846c;
}

/* Barre verticale */
.tr_vertical{
	background-color: #00846c;
	height: 84px;
	width: 6px;
	margin-left: 2px;
	margin-right: 3px;
	margin-top: 5px;
	float : left;
}

/* Contenu de l'article*/
#article{
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	width: 580px;
	background-color: #f6f6f6;
}

/* Informations sur l'article*/
.info{
	color: #00846c;
}


/* Contenu de l'article */
#contenu-article{
	width: 560px;
	margin-top: -15px;
	margin-bottom: 10px;
	float: left;
}

/* Date src ...*/
#informations{
	margin-left: 10px;
	border: thin solid #999999;
	background-color: #e9e9e9;
	padding: 5px;
	width: 400px;
}
/* Documents liés */
#top_doc_lies{
	float:right;
}
#bord_lies{
	clear: both;
	margin-right: -1px;
	width: 183px;
	border-top: none;
	border-bottom: thin #008985 solid;
}
#bloc_lies{	
	background-image: url("../pictures/pourquoi_picto_docslies.jpg");
}
#bloc_lies li{
	margin-top: 0px;
}
#bloc_lies li:before{
	content: "";
}

#bloc_art_lies{
	background-image: url("../pictures/pourquoi_ti_art_lies.gif");
	background-repeat: no-repeat;
	padding-top: 25px;
}
#bloc_doc_lies{
	margin-top: 10px;
	background-image: url("../pictures/pourquoi_ti_docs_lies.gif");
	background-repeat: no-repeat;
	padding-top: 25px;
}
#bloc_act_lies{
	margin-top: 10px;
	background-image: url("../pictures/pourquoi_ti_actus_liees.gif");
	background-repeat: no-repeat;
	padding-top: 25px;
}