@charset "UTF-8";

@media screen{
	
	#global #contenu { padding-top : 295px }
	
	/*Colonne Gauche****************************************************************************************/
	
	#contenu #colonneGauche {
		float : left;
		width : 630px;
	}
	
	#contenu #colonneGauche #actualite {
		position : relative;
		margin : 0 0 0 10px;
		padding : 0 0 10px 0;
		background : url(../images/blocActuBottom.png) no-repeat left bottom;
	}
	
	#contenu #colonneGauche #actualite h2 {
		margin : 0;
		padding : 0 0 15px 15px;
		background : white url(../images/blocActuTop.png) no-repeat left bottom;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.8em;
		font-weight : normal;
		color : #004d95;
	}
	
	#contenu #colonneGauche #actualite h2 a {
		color : #004d95;
		text-decoration : none;
	}
	
	#contenu #colonneGauche #actualite h2 a:hover { text-decoration : underline; }
	
	#contenu #colonneGauche #actualite div {
		width : 580px;
		margin : 0 0 0 18px;
	}
	
	#contenu #colonneGauche #actualite div strong {
		display : block;
		margin : 0 10px 10px 0;
		padding : 0;
		background : none;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.4em;
		font-weight : bold;
		text-transform : uppercase;
		color : #e52b38;
	}
	
	#contenu #colonneGauche #actualite div span.date {
		display : block;
		margin : -5px 0 10px 0;
		padding : 0;
		font-weight : bold;
	}
	
	#contenu #colonneGauche #actualite div span.imageAccueil {
		display : block;
		width : 100px;
		height : 100px;
		float : left;
		margin : 0 10px 20px 0;
		text-align : center;
	}
	
	#contenu #colonneGauche #actualite div div {
		margin : 0;
		padding : 0;
	}
	
	#contenu #colonneGauche #actualite div div.resume {
		float : right;
		width : 470px;
		margin : 0;
		padding : 0;
		font-size : 1.1em;
		font-family : verdana, tahoma, arial, sans-serif;
		line-height : 1.6em;
	}
	
	#contenu #colonneGauche #actualite div div.resume p {
		margin : 0;
		padding : 0;
	}
	
	#contenu #colonneGauche #actualite div a {
		float : right;
		margin-bottom : 10px;
		font-weight : bold;
		font-size : 1.1em;
		color : #004d95;
		text-decoration : none;
	}
	
	#contenu #colonneGauche #actualite div a:hover { text-decoration : underline; }
	
	#contenu #colonneGauche h1#con_libelle {
		margin : 21px 0 0 25px;
		padding : 0;
		color : #565656;
		font-size : 1.8em;
	}
	
	#contenu #colonneGauche #con_descriptif {
		width : 560px;
		margin : 0 0 0 25px;
		color : #565656;
		line-height : 1.6em;
	}
	
	#contenu #colonneGauche #con_descriptif p { }
	
	/*Colonne Droite****************************************************************************************/
	
	#contenu #colonneDroite {
		float : right;
		width : 310px;
	}
	
	#contenu #colonneDroite #produit {
		position : relative;
		width : 298px;
		height : 270px;
		padding-bottom : 15px;
		background : white url(../images/blocProduitBottom.png) no-repeat left bottom;
	}
	
	#contenu #colonneDroite #produit h2 {
		margin : 0;
		padding : 0 0 15px 8px;
		background : white url(../images/blocProduitTop.png) no-repeat left bottom;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.8em;
		font-weight : normal;
		color : #e52b38;
	}
	
	#contenu #colonneDroite #produit h2 a {
		color : #e52b38;
		text-decoration : none;
	}
	
	#contenu #colonneDroite #produit h2 a:hover { text-decoration : underline; }
	
	#contenu #colonneDroite #produit div a { text-decoration : none; }
	
	#contenu #colonneDroite #produit div a:hover,
	#contenu #colonneDroite #produit div a:hover h2,
	#contenu #colonneDroite #produit div a:hover h3,
	#contenu #colonneDroite #produit div a:hover h4 { text-decoration : underline; }
	
	#contenu #colonneDroite #produit h3 {
		margin : 0;
		padding : 0 0 10px 23px;
		background : none;
		font-size : 1.3em;
		font-weight : normal;
	}
	
	#contenu #colonneDroite #produit h3 a { color : white; }
	
	#contenu #colonneDroite #produit h4 {
		font-size : 1.2em;
		margin : 0;
		padding : 0 0 10px 23px;
		font-weight : normal;
		color : white;
	}
	
	#contenu #colonneDroite #produit div.diaporama {
		width : 250px;
		height : 160px;
		padding : 0;
		margin : 0 0 0 25px;
		overflow : hidden;
	}
	
	#contenu #colonneDroite #derniereNewsletter {
		position : relative;
		width : 298px;
		margin-top : 5px;
		background : white url(../images/blocNewsletterBottom.png) no-repeat left bottom;
	}
	
	#contenu #colonneDroite #derniereNewsletter h2 {
		margin : 0;
		padding : 0 0 20px 8px;
		background : white url(../images/blocNewsletterTop.png) no-repeat left bottom;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.8em;
		font-weight : normal;
		color : #454545;
		text-transform : uppercase;
	}
	
	#contenu #colonneDroite #derniereNewsletter div { padding-bottom : 23px; }
	
	#contenu #colonneDroite #derniereNewsletter strong {
		margin : 0;
		padding : 0 0 5px 0;
		background : none;
		color : black;
		font-size : 1.2em;
	}
	
	#contenu #colonneDroite #derniereNewsletter p {
		display : block;
		margin : 0;
		padding : 0;
		font-weight : bold;
		font-size : 1.2em;
	}
	
	#contenu #colonneDroite #derniereNewsletter a {
		float : left;
		display : block;
		width : 85px;
		margin-top : 5px; 
		color : #e52b38;
		font-size : 1.2em;
		text-decoration : none;
	}
	
	#contenu #colonneDroite #derniereNewsletter a:hover { text-decoration : underline; }
	#contenu #colonneDroite #derniereNewsletter ul {
		float : left;
		width : 113px;
		height : 160px;
		margin : 0 10px 0 20px;
		padding : 0;
		list-style : none;
	}
	
	#contenu #colonneDroite #derniereNewsletter ul li a { text-decoration : none; }
	#contenu #colonneDroite #derniereNewsletter ul li a:hover { text-decoration : none; }
	
	#contenu #colonneDroite #derniereNewsletter ul li a img {
		margin : -5px 10px 0 0;
		border : none;
		text-decoration : none;
	}
	
	#contenu #colonneDroite #notreReseau {
		font-size : 1em;
		position : relative;
		width : 298px;
		height : 138px;
		margin-bottom : 20px;
		background : url(../images/fondBlocNotreReseau.png) no-repeat left top;
	}
	
	#contenu #colonneDroite #notreReseau div { padding : 10px 0 0 18px; }
	
	#contenu #colonneDroite #notreReseau div div { padding-left : 5px; }
	
	#contenu #colonneDroite #notreReseau a {
		text-decoration : none;
		color : white;
	}
	
	#contenu #colonneDroite #notreReseau span.titreReseau {
		margin : 0;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.8em;
		font-weight : normal;
		text-transform : uppercase;
	}
	
	#contenu #colonneDroite #notreReseau span.etendueReseau {
		display : block;
		margin-top : 15px;
		width : 90px;
		font-weight : normal;
		font-size : 1.2em;
		line-height : 1.4em;
		cursor : pointer;
	}
	
	#contenu #colonneDroite #notreReseau div p a:hover span span.etendueReseau { text-decoration : underline; }
	
}
@media print {
	
	#colonneDroite { display : none; }
	#colonneGauche h2 {	font-family : verdana; }
	#colonneGauche h2 a { text-decoration : none; color : silver }
	#colonneGauche div a span p.ensavoirplus { text-decoration : none; color : black; }
	
}