/***************************************************************************************************************
GENERIQUES
***************************************************************************************************************/

* {
	margin : 0;
	padding : 0
}

body {
	font-family : Arial;
	font-size : 12px;
	line-height : 17px;
	color : #666;
	text-align : center;
	background : #FFF url(../images/bg_haut.png) repeat-x top left;
}

img {
  max-width: 100%;
}

a img {
	border : 0;
}

@font-face {
	font-family: "HelveticaLight";
	src: url("../../squelettes/polices/HelveticaNeueLTStd-Lt.otf") format("opentype");
}


/***************************************************************************************************************
GLOBAL / STRUCTURE
***************************************************************************************************************/

#global {
	width : 970px;
	position : relative;
	text-align : left;
	margin : 0 auto;
}

#global {
	width : 100%;
	margin : 0;
}

#global #header, #global #menu, #global #slider, #global #contenu, #global #footer, #global #copyright {
	width : 970px;
	margin : 0 auto;
	text-align : left;
}

#header {
	height : 162px;
}


#global #slider {
	height : 180px;
}

#global #contenu {
	width : 100%;
	margin : 0;
	min-height : 389px;
}

#global.home #contenu {
	background : url(../images/bg_home.png) repeat-x;
}

#contenu #interieur_contenu {
	width : 970px;
	margin : 0 auto;
	text-align : left;
}

#global #footer {
	width : 100%;
	margin : 0;
	background : url(../images/bg_bas.png) repeat-x;
}

#footer #interieur_footer {
	width : 970px;
	margin : 0 auto 0;
	text-align : left;
}

.clear {
	clear : both
}

/***************************************************************************************************************
HEADER
***************************************************************************************************************/

#header #logo {
	float : left;
	width : 106px;
	height : 104px;
}

#header #identification {
	position : absolute;
	z-index : 2;
	margin : 0 0 0 645px;
	width : 325px;
	height : 39px;
	background : url(../images/bg_identification.png) repeat-x;
}

#header #identification form {
	float : left;
	margin : 8px
}

#header #identification .inputForm {
	float : left;
	width : 126px;
	height : 14px;
	background : url(../images/bg_inputform.png) repeat-x;
	border : solid 1px #9ca7b4;
	margin : 0 7px 0 0;
	color : #9ca7b4;
	padding : 3px;
	font-size : 11px;
}

#header #identification #btn_identification {
	float : left;
	width : 22px;
	height : 10px;
	border : 0;
	margin-top : 6px;
	background : url(../images/btn_identification.png);
	cursor : pointer;
}

#header #bg_micro {
	position : absolute;
	margin : 0 0 0 450px;
	z-index : 0;
}

/***************************************************************************************************************
MENU
***************************************************************************************************************/

#menu ul {
	float : left;
	clear : left;
	width : 970px;
	background : url(../images/bg_menu_out.png) repeat-x;
}

#menu ul li{
	float : left;
	list-style : none;
}

#menu ul li a{
	color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 14px;
    padding: 9px 20px;
    text-decoration: none;
}

#menu ul li a:hover, #menu ul li.current{
	background : url(../images/bg_menu_on.png) repeat-x;
}

#menu ul li#contact{
	float : right;
}

#menu ul li#contact a{
	padding : 0
}

/***************************************************************************************************************
SLIDER
***************************************************************************************************************/

#slider #interieur_slider {
	width : 600px;
	text-align : right;
	margin-top : 15px;
}

#slider .titre {
	margin : 20px 0 15px;
}

#slider .liste .element .texte {
	text-align : right;
	width : 600px;
	font-size : 11px;
	color : #93a0a5;
	margin : 0 0 25px;
}

#slider #navigation {
	text-align : left;
	position : absolute;
	margin : -20px 0 0 0;
	z-index : 1000
}

#slider #navigation a {
	background : url(../images/puce_rond_gris.png) no-repeat;
	float : left;
	width : 13px;
	height : 12px;
	margin : 0 1px 0 0;
	text-decoration : none;
	color : #bcbec0;
}

#slider #navigation a.activeSlide {
	background : url(../images/puce_rond_bleu.png) no-repeat;
	color : #39495f
}

#slider .liste .element .suite a {
	background : url(../images/bg_btn.png) repeat-x;
	height : 25px;
	float : right;
	padding : 4px 10px 4px;
	color : #FFF;
	text-decoration : none;
}

/***************************************************************************************************************
CONTENU HOMEPAGE
***************************************************************************************************************/

#interieur_contenu #image {
	float : left;
	width : 120px;
	margin : 30px 0 20px 0
}

#interieur_contenu #presentation {
	float : left;
	width : 534px;
	margin : 20px 20px 20px 0;
	color : #FFF
}

#interieur_contenu #presentation .titre {
	font-size : 30px;
	color : #394960;
	margin : 0 0 15px;
}

#interieur_contenu #presentation .texte p {
	margin : 0 0 10px
}

#interieur_contenu #presentation .texte ul li {
	list-style : none;
}

#interieur_contenu #presentation strong, #interieur_contenu #presentation b {
	color : #394960;
	font-weight : bold;
	display : block;
}

/***************************************************************************************************************
CONTENU ARTICLE
***************************************************************************************************************/

#interieur_contenu #article {
	float : left;
	width : 685px;
	padding : 0 20px 0 0;
	margin : 30px 20px 20px 0;
	color : #7e7e7e
}

#interieur_contenu #article img {
	float : left;
	margin : 0 15px 0 0
}

#interieur_contenu #article .titre {
	font-size : 30px;
	color : #394960;
	width : 685px;
	margin : 0 0 10px;
	float : left;
	clear : left;
}

#interieur_contenu #article .titre a {
	text-decoration : none;
}

#interieur_contenu #article .chapo {
	margin : 0 0 10px;
	font-size : 14px;
	width : 685px;
	float : left;
	clear : left;
	font-style : italic;
	color : #394960;
}

#interieur_contenu #article .separation {
	border-bottom : solid 1px #ced5df;
	margin : 0 0 10px;
	width : 685px;
	float : left;
	clear : left;
}

#interieur_contenu #article .texte {
	width : 685px;
	float : left;
	clear : left;
	margin : 0 0 20px
}

#interieur_contenu #article .texte p {
	margin : 0 0 10px
}

#interieur_contenu #article .texte ul li {
	list-style : square;
	margin-left : 20px;
}

#interieur_contenu #article .texte ul {
	margin : 0 0 10px 0
}

#interieur_contenu #article .texte.reference {
	width : 125px;
	height :  89px;
	margin : 0 5px 10px;
	border : solid 1px #ced5df;
	background : #EEE;
	float : left;
	clear : none;
}

#interieur_contenu #article .texte.reference img {
	padding : 8px;
}

#interieur_contenu #article #pagination {
	float : left;
	clear : left;
	margin : 5px  0 0 15px
}	

#interieur_contenu #article #pagination a {
	color : #000;
	width : auto;
	background : none;
	text-decoration : none;
}

#interieur_contenu #article table {
}

#interieur_contenu #article table tr td {
	margin : 0 5px 5px 0;
	text-align : center;
}

#interieur_contenu #article table tr td.gris {
	padding : 5px;
	background : #FFF;
	border : solid 1px #CCC;
	width : 110px;
	height : 110px;
	text-align : center;
}

#interieur_contenu #article strong, #interieur_contenu #article b {
	color : #394960;
	font-weight : bold;
	display : block;
}

.image_ref{
	display:inline-block;
}
#interieur_contenu #article .texte .gris img{
	margin:0;
}


/***************************************************************************************************************
SIDEBAR
***************************************************************************************************************/

#interieur_contenu #sidebar {
	float : right;
	width : 240px;
	margin : 15px 0 
}

#interieur_contenu #sidebar .bloc {
	float : left;
	clear : left;
	width : 200px;
	padding : 13px 15px;
}

#interieur_contenu #sidebar .bloc.cache {
	display : none;
}

#interieur_contenu #sidebar .bloc ul li {
	list-style : none;
	float : left;
	clear : left;
}

#interieur_contenu #sidebar .bloc ul li a {
	float : left;
	clear : left;
	width : 195px;
	color : #666;
	height : 17px;
	padding : 3px 5px 2px 30px;
	background : #e6e7e8;
	text-decoration : none;
}

#interieur_contenu #sidebar .bloc ul li a.pair {
	background : #f2f3f3;
}

#interieur_contenu #sidebar .bloc ul li a:hover {
	background : #FFF;
}

#interieur_contenu #sidebar .bloc ul li a img {
	position : absolute;
	margin : 5px 0 0 -15px
}

#interieur_contenu #sidebar #pagination {
	float : left;
	clear : left;
	margin : 5px  0 0 15px
}	

#interieur_contenu #sidebar #pagination a {
	color : #000;
	width : auto;
	height : auto;
	padding : 0;
	margin : 0;
	float : none;
	position : relative;
	background : none;
	text-decoration : none;
}

#interieur_contenu #sidebar .element.actualite {
	float : left;
	clear : left;
	background : #e6e7e8;
	text-decoration : none;
	width : 200px;
	display : block;
	height : 43px;
	padding : 13px 15px;
}

#global #interieur_contenu #sidebar .element.pair {
	background : #f2f3f3;
}

#global.home #interieur_contenu #sidebar .element.pair {
	background : #b2bcca;
}
/*
#global #interieur_contenu #sidebar .bloc a:hover, #global.home #interieur_contenu #sidebar .bloc a:hover {
	background : #FFF;
	text-decoration : none;
}
*/
#interieur_contenu #sidebar .bloc .element.actualite {
	font-size : 11px;
}

#interieur_contenu #sidebar .bloc .titre {
	margin : 0 0 5px 15px
}

#interieur_contenu #sidebar .bloc .titre2 {
	font-family : "HelveticaLight";
	font-size : 26px;
	margin : 0 0 5px 15px
}

#interieur_contenu #sidebar .bloc .element .date {
	float : left;
	width : 42px;
	height : 42px;
	margin-right : 10px;
	line-height : 14px
}

#interieur_contenu #sidebar .bloc .element .date .mois {
	float : left;
	clear : left;
	width : 42px;
	height : 14px;
	background : #37475d;
	text-align : center;
	color : #FFF;
	font-size : 10px;
	text-transform : uppercase;
}

#interieur_contenu #sidebar .bloc .element .date .jour {
	float : left;
	clear : left;
	width : 42px;
	height : 21px;
	background : #d7d7d8;
	text-align : center;
	font-size : 20px;
	padding : 7px 0 0 0;
	color : #37475d
}

#interieur_contenu #sidebar .bloc .element .texte {
	float : left;
	width : 148px;
	color : #666666;
	line-height : 14px;
}


#interieur_contenu #sidebar .bloc .element .texte a {
	color : #666666;
	text-decoration : none
}

#interieur_contenu #sidebar .bloc .element .texte a:hover {
	text-decoration : underline
}

/***************************************************************************************************************
FORMULAIRE CONTACT
***************************************************************************************************************/

#interieur_contenu #article #erreur {
	float : left;
	width : 420px;
	color : #b61515;
	margin : 0 0 20px 0
}

#interieur_contenu #article #message {
	float : left;
	width : 500px;
	color : #3e4f65;
	margin : 0 0 20px 0
}

#interieur_contenu #article form {
	float : left;
	clear : left;
	width : 420px;
	margin : 0 20px 0 0;
}

#interieur_contenu #article form p {
	float : left;
	clear : left;
	margin : 0 0 10px 0
}

#interieur_contenu #article form label {
	float : left;
	width : 120px;
	margin : 4px 0 0 0
}

#interieur_contenu #article form .inputForm {
	width : 250px;
	border : solid 1px #9ca7b4;
	padding : 3px;
	font-size : 11px;
	height : 15px;
}

#interieur_contenu #article form textarea.inputForm {
	height : 150px;
	padding : 3px;
	font-family : Arial;
}

#interieur_contenu #article form #btn_contact {
	margin-left : 120px;
	background : url(../images/bg_btn.png) repeat-x;
	border : 0;
	height : 23px;
	padding : 3px 10px 4px;
	color : #FFF;
	cursor : pointer;
}

#interieur_contenu #article .texte #adresse {
	float : left;
	background : #f2f3f3;
	width : 200px;
	padding : 20px;
}

/***************************************************************************************************************
FOOTER
***************************************************************************************************************/

#interieur_footer #liste {
	float : left;
	width : 970px;
	margin : 20px 0 0px 0;
}

#interieur_footer #liste .element {
	float : left;
	margin : 0 20px 0 0
}

#interieur_footer #liste .element .titre {
	font-size : 22px;
	color : #93a0a5;
	margin : 0 0 15px 0;
	height : 30px;
}

#interieur_footer #liste .element ul li {
	list-style : none;
	margin : 0 0 7px 0
}

#interieur_footer #liste .element ul li a {
	text-decoration : none;
	color : #666666;
}

#interieur_footer #liste .element ul li a:hover {
	text-decoration : underline;
}

#interieur_footer #copyright {
	float : left;
	width : 970px;
	height : 30px;
	color : #666666;
	font-size : 9px
}


#presse{
	color: #FFFFFF;
    width: 650px;	
}

.left{
    margin: 30px 20px 0 0;
	padding : 0 20px 0 0;
	border-right : solid 1px #ced5df;
	float:left;
	width:680px;
}

.clear{
	clear:both;
}

#article a{
	color:#666666;	
}

.texte a{
	color:#FFFFFF;
	text-decoration:none;
}