﻿/********************* Box Front Home ************************/
.box_front_370 {
	width: 370px;
	display:block;
}

.box_front_370 .entete {
	width: 370px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
	width: 372px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
html>.box_front_370 .entete {
	width: 370px;
}

.box_front_370 .entre_coin_entete_2, .box_front_370 .entre_coin_entete_1 {
	float:left;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:7px 0px 0px 5px;
	height: 28px;
	width: 362px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 21px;	
	width: 332px;	
}
html>.box_front_370 .entre_coin_entete_2, html>.box_front_370 .entre_coin_entete_1 {
        height: 21px;
        width: 355px;
		
}

/* propriétés communes à l'ensemble des 2 coins */
.box_front_370 .entete_bg_2, .box_front_370 .entete_bd_2, .box_front_370 .entete_bd_1, .box_front_370 .entete_bg_1 {
	height: 28px;	
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .entete_bg_1 {
	background: url(../charte/RAFFINERIE_OCRE_entete_rouge_bg.jpg);
	width:28px;
}

.box_front_370 .entete_bd_1 {
	background: url(../charte/RAFFINERIE_OCRE_entete_rouge_bd.jpg);
	width:5px;
}

.box_front_370 .entre_coin_entete_1 {
	background-image:url(../charte/RAFFINERIE_OCRE_entete_rouge_degrade.jpg);
}

.box_front_370 .entre_coin_entete_2 {
	background-image:url(../charte/RAFFINERIE_OCRE_entete_rouge_degrade.jpg);
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .entete_bg_2 {
	background: url(../charte/RAFFINERIE_OCRE_entete_rouge_bg.jpg);
	width:28px;
}

.box_front_370 .entete_bd_2 {
	background: url(../charte/RAFFINERIE_OCRE_entete_rouge_bd.jpg);
	width:5px;
}

.box_front_370 .contenu_70 {
	float:left;
	height:62px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	background-color:#d4dda4;
	background-repeat:repeat-x;
	background-position:top;
	border-left:1px solid #c5ce99;
	border-right:1px solid #c5ce99;
	width:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:368px;
}
.box_front_370 .contenu_70_bis {
	float:left;
	height:62px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	background-color:#f3f9d5;
	background-repeat:repeat-x;
	background-position:top;
	border-left:1px solid #c5ce99;
	border-right:1px solid #c5ce99;
	width:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:368px;
}
html>.box_front_370 .contenu_70 {
	width:368px;
}

/**************** Front bas *********************/
.box_front_370 .bas {
	vertical-align:top;
	padding:0px;
	margin:0px;
	float:left;
	width:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
html>.box_front_370 .bas {
	width: 370px;
}

.box_front_370 .entre_coin_bas {
	background-color:#d4dda4;
	border-bottom:1px solid #c5ce99;
	float:left;
	width:338px;
	height: 18px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 336px;	
	height: 17px;
}
.box_front_370 .entre_coin_bas_bis {
	background-color:#f3f9d5;
	border-bottom:1px solid #c5ce99;
	float:left;
	width:338px;
	height: 18px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 336px;	
	height: 17px;
}
html>.box_front_370 .entre_coin_bas {
        width: 336px;
        height: 17px;
}

/* propriétés communes à l'ensemble des 2 coins */
.box_front_370 .bas_bd, .box_front_370 .bas_bd_bis , .box_front_370 .bas_bg , .box_front_370 .bas_bg_bis{
	width: 17px;
	height: 18px; 
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .bas_bg {
	background: url(../charte/RAFFINERIE_OCRE_coin_bg_gris_front.gif);
}
.box_front_370 .bas_bg_bis {
	background: url(../charte/RAFFINERIE_OCRE_coin_bg_gris_front_bis.gif);
}

.box_front_370 .bas_bd {
	background: url(../charte/RAFFINERIE_OCRE_coin_bd_gris_front.gif);
}
.box_front_370 .bas_bd_bis {
	background: url(../charte/RAFFINERIE_OCRE_coin_bd_gris_front_bis.gif);
}

.box_front_370 img {
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
	border:0px;
}

.box_front_370 p.texte {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:0px;	
}

.box_front_370 a.texte {
	text-decoration:none;
	color:#5a5a5a;
}

.box_front_370 p.espace {
	font-size:5px;
	margin:0px;
	padding:0px;
}

.box_front_370 a.lien_1, .box_front_370 a.lien_2 {
	width:150px;
	font-size:9px;
	text-decoration:underline;
	padding: 0px 0px 0px 15px;
	background-repeat:no-repeat;
	background-position:left;
}

.box_front_370 a.lien_1 {
	color:#000000;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_bleu.gif);
}

.box_front_370 a.lien_2 {
	color:#000000;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_bleu.gif);
}

/********************* Box news Home ************************/
#box_news_210 {
	width: 213px;
}

#box_news_210 .entete {
	width: 213px;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
}

#box_news_210 .entete_img {
	width: 213px;
	height:30px;
	padding:0px;
	margin:0px;
}

#box_news_210 .contenu {
	float:left;
	padding:0px;
	margin:0px;
	background-color:#abd5e3;
	background-image:url(../charte/RAFFINERIE_OCRE_degrade_gris_box_news.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left:1px solid #549bb1;
	border-right:1px solid #549bb1;
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 208px;
}
html>#box_news_210 .contenu {
	width: 208px;
}

#box_news_210 .contenu_1news {
	height:73px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#box_news_210 .bas {
	width: 210px;
	vertical-align:top;
	padding:1px 0px 7px 0px;
	margin:0px;
	float:left;
	background: url(../charte/RAFFINERIE_OCRE_bas_box.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#box_news_210 img.news {
	float:right;
	padding:0px 10px 0px 10px;
	margin:0px;	
	border:0;

}

#box_news_210 h2 {
	font-size:11px;
	font-weight:bold;
	color:#376877;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#box_news_210 p.texte {
	padding:0px 0px 0px 10px;
	margin:0px;	
}

#box_news_210 p.trait {
	font-size:2px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 2px;
}

#box_news_210 p.last_trait {
	font-size:2px;
	margin:2px 0px 0px 5px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_news_210 p.espace {
	font-size:4px;
	margin:0px;
	padding:0px;
}

#box_news_210 a.lien {
	width:170px;
	display:block;
	font-size:11px;
	text-decoration:underline;
	padding:0px 10px 0px 15px;
	color:#000000;
	background-repeat:no-repeat;
	background-position:0px 4px;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_bleu.gif);
}

#box_news_210 a.texte{
	font-size:11px;	
	color:#5a5a58;
	text-decoration:none;
}

#box_news_210 a.titre{
	color:#376877;
	padding-left:6px;
	
	text-decoration:none;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_intitule_actu.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

/********************* Box service Home ************************/
#box_service_210 {
	width: 213px;
}

#box_service_210 .entete {
	width: 213px;
	height:28px;
	padding:0px;
	margin:0px;
	float:left;
}

#box_service_210 .entete img {
	padding:0px;
	margin:0px;
}

#box_service_210 .contenu {
	float:left;
	margin:0;

	margin-top:0px
	_margin-top:-3px;
	background-image:url(../charte/RAFFINERIE_OCRE_degrade_gris_box_service.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left-color:#549bb1;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#549bb1;
	border-right-style:solid;
	border-right-width:1px;
	width: 208px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 208px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>#box_service_210 .contenu {
	width: 208px;
	margin-top:0px;
	_margin-top:-3px;
	
}

#box_service_210 .bas {
	width: 210px;
	vertical-align:top;
	padding:1px 0px 7px 0px;
	margin:0px;
	float:left;
	background: url(../charte/RAFFINERIE_OCRE_bas_box_service.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#box_service_210 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_210 a.intitule {
	width:180px;
	display:block;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_service.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	font-size:11px;
	color:#5a5a5a;
	text-decoration: none;
}

#box_service_210 p.trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:2px;
	margin-top:6px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_210 p.last_trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:0px;
	margin-top:3px;

	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_210 p.espace {
	font-size:6px;
	margin:0px;
	padding:0px;
}

#box_service_210 a.lien {
	width:170px;
	font-size:11px;
	display:block;
	text-decoration:underline;
	padding:0px 10px 0px 15px;	
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#000000;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_bleu.gif);
}

/********************* Box Jump To PI ************************/

#box_jumpto_160 {
        width: 163px;
}

#box_jumpto_160 form{
        margin-top:0px;
        margin-bottom:10px;
        margin-left:0px;
}

#box_jumpto_160 .contenu{
        margin:0px;
        padding:0px;
}

#box_jumpto_160 select {
        font-size:11px;
        color:#000000;
        width:161px;
        border-color:#999999;
        border-style:solid;
        border-width:1px;
}


/********************* Box service PI ************************/
#box_service_160 {
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 163px;		
}
html>#box_service_160 .contenu {
	width: 163px;
}

#box_service_160 .entete {
	width: 160px;
	height:28px;
	padding:0px;
	margin:0px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 163px;
}
html>#box_service_160 .contenu {
	width: 163px;
}

#box_service_160 .entete img {
	padding:0px;
	margin:0px;
	background-color: #d1eef6;
}
#box_service_160 .contenu {
	width:158px;
	float:left;
	padding:0px;
	margin:0px;
	background-color:#d1eef6;
	background-repeat:repeat-x;
	background-position:top;
	border-left-color:#549bb1;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#549bb1;
	border-right-style:solid;
	border-right-width:1px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 161px;
}
html>#box_service_160 .contenu {
	width: 158px;
}

#box_service_160 .bas {
	width: 163px;
	float:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

#box_service_160 .entre_coin_bas {
	background-color:#d1eef6;
	border-bottom-color:#549bb1;
	border-bottom-style:solid;
	border-bottom-width:1px;
	float:left;
	width: 126px;
	height: 17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 16px;
}

html>#box_service_160 .entre_coin_bas {
    height: 16px;
}

/* propriétés communes à l'ensemble des 2 coins */
#box_service_160 .bas_bg, .bas_bd {
	height: 17px; width: 17px;
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
#box_service_160 .bas_bg {
	background: url(../charte/RAFFINERIE_OCRE_coin_bg_gris_box.gif);
	background-position: bottom;
}

#box_service_160 .bas_bd {
	background: url(../charte/RAFFINERIE_OCRE_coin_bd_gris_box.gif);
	background-position: bottom right;
}

#box_service_160 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_160 a.intitule {
	width:141px;
	display:block;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_service.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	font-size:11px;
	color:#000000;
	text-decoration: none;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160 a.intitule {
        width: 130px;
}


#box_service_160 p.trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:5px;
	margin-top:5px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160 p.espace {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#box_service_160 a.lien {
	font-size:9px;
	display:block;
	width:150px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#000000;
	padding:3px 0px 0px 15px;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_bleu.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
html>#box_service_160 a.lien {
        width: 130px;
}


/********************* Box service PI Col3 ************************/
#box_service_160_v2{
	width:158px;
	display:block;
	border-color:#DADADA;
	border-style:solid;
	border-width:1px;
	background-image:url(../charte/RAFFINERIE_OCRE_degrade_box.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FAFAFA;
	padding-bottom:7px;
	margin:0px;
}

#box_service_160_v2 .logo {
	margin-top:5px;
	margin-left:4px;
}

#box_service_160_v2 p.trait_first {
	margin-bottom:5px;
	margin-top:9px;
	font-size:2px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160_v2 p.trait {
	margin-bottom:5px;
	margin-top:5px;
	font-size:2px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160_v2 .contenu {
	width:156px;
	padding:0px 0px 7px 0px;
	margin:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 158px;		
}
html>#box_service_160_v2 .contenu {
	width: 158px;
}

#box_service_160_v2 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_160_v2 a.intitule {
	width:141px;
	display:block;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_service_rouge.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	padding-right:10px;
	font-size:11px;
	color:#000000;
	text-decoration: none;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160_v2 a.intitule {
        width: 130px;
}


#box_service_160_v2 p.espace {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#box_service_160_v2 a.lien {
	width:149px;
	display:block;
	font-size:9px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:9px;
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#F8981D;
	background-image:url(../charte/RAFFINERIE_OCRE_puce_lien_orange.gif);
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160_v2 a.lien {
        width: 130px;
}

/******************** Bloc Sondage ********************/
#box_sondage{
	width:158px;
	display:block;
	border-color:#DADADA;
	border-style:solid;
	border-width:1px;
	background-image:url(../charte/RAFFINERIE_OCRE_degrade_box.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FAFAFA;
	margin:0px;
}

#box_sondage .logo {
	margin-top:5px;
	margin-bottom:9px;	
	margin-left:4px;
}

#box_sondage p.trait {
	font-size:2px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_sondage form{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
}

#box_sondage .contenu{
	margin:0px;
	padding:0px;
}

#box_sondage h2 {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	width:140px;
	margin-top:5px;
	margin-bottom:5px;	
}

#box_sondage .choix {
	width:140px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#box_sondage .case {
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#box_sondage .intitule {
	font-size:10px;
	color:#000000;
	margin:0px;
	padding:3px 0px 0px 0px;
}

#box_sondage .voter {
	margin-top:10px;
	margin-bottom:0px;	
	padding:0px;
}

/* Résultat */
#box_sondage .contenu_resultat{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
/*	padding-right:10px;*/
}

#box_sondage .1resultat {
	margin:0px;
	padding:0px;
}

#box_sondage .barre {
	width:100px;
	height:14px;
	padding:0px;
	margin:3px 17px 5px 0px;
	border:1px solid #00A8E3;
}

#box_sondage .barre_image {
	height:14px;
	margin:0px;
	padding:0px;
}

#box_sondage .resultat_reponse {
	font-size:10px;
	color:#00A8E3;
	vertical-align:text-top;	
}

#box_sondage .resultat_total {
	font-size:10px;
	color:#000000;
	margin:3px 0px 0px 0px;
	padding:0px;	
}

#box_sondage p.trait_resultat {
	font-size:2px;
	margin-bottom:5px;
	margin-top:3px;
	padding:0px;
	background-image:url(../charte/RAFFINERIE_OCRE_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


/***************** Bloc teasing ********************/
.box_teasing{
	margin-bottom: 0px;
	padding: 0px;
}
#box_contact #entete{
	width:160px;
	height:28px;
	background-image:url(../charte/RAFFINERIE_OCRE_box_contact_entete.gif);

}
#box_contact #contenu{
	width:158px;
	height:135px;
	background-color:#dfd6e9;
	border-right:#a598b6 1px solid;
	border-left:#a598b6 1px solid;
	padding-top:10px;
}
	#box_contact #contenu p{
		float:left;
		margin:0; padding:0;
		color:#372f3e;
		font-size:12px;
		font-weight:bold;
		vertical-align:middle;
		width:114px;
		
		
	}
	#box_contact #contenu p.suite{
		padding-top:5px;
	}
		#box_contact #contenu p span{
			font-weight:normal;
			color:#7d708a;
			
		}
	#box_contact #contenu img.picto{
		float:left;
		vertical-align:middle;
		}

	#box_contact #contenu a.intitule {
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		color:#372f3e;
		}
		
#box_contact #bas{
	width:160px;
	height:17px;
	background-image:url(../charte/RAFFINERIE_OCRE_box_contact_bas.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
}
#box_liste_image img{
	margin-top:15px;

}

