/* pour IE */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }
/**/

/*GENERIQUE*/
body{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}

a img{
	border:0;
}

a{ color: black; }

a:hover{
	text-decoration:none;
}

.fancybox{
}

.fancyboxAjax{
}

#popup{
	padding:0 10px;
}

.mce-content-body {
	background:#dcdcdc;
}

.hack{
	/height:120px!important/*Hack IE7*/
}

.hidden{
	display:none!important;
}

.clear{
	clear:both
}

h1, .mce-content-body h1, #kameleon h1{
	font-family: 'Raleway', sans-serif; 
	margin:10px 0;
	color:#000;
	font-size:18px; 
	width:100%;
}

.error{
	border: 1px solid #DF7B7B;
	background-color: #FFE6E6;
}

.conf{
	border: 1px solid #72CB67;
	background-color: #DFFAD3;
}

.conf, .error{
	color: #383838;
	font-weight: 700;
	margin: 0 0 2% 0;
	line-height: auto;
	padding: 2% 3%;
}

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background:#fbfbfb;
	}
	#page {
		margin:auto;
		width:100%;
	}
	
	#header{
		min-height: 160px;
		position:relative; 
		padding-bottom:5px;
		background:#fdfcfd;
	}
	
	#header a#home{
		   background: rgba(0, 0, 0, 0) url("../img/logo_07.png") no-repeat scroll center top;
    display: block;
    height: 100px;
    margin: 0 0;
    width: 100%;
	}
	
	
	#header p#slogan,.footer_coord #mob a{
		display: none;
	}
	
	#columns{
		clear:both;
		background:#fff;	
	}
	
	#center_column{
		width: 90%;
		padding: 5%;
	}
	
	
	#breadcrumb{
		margin:5px 0;
		color:#666666;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#666666;
	}
	
	#center_column, #left_column, #right_column {
		float: left;
	}
	
	
	#left_column{
		width:100%;
		margin-left:20%;
	}
	
	
	#right_column{
		width:200px;
	}
	
	#footer{
		height: 160px;
		background:#77822c;
	}
	
	#footer p.address{
		margin:5px 0;
	}
	
	#footer p.address a{
		color:#333333;
	}
	
	#footer #incomm, #footer #seone{
		width:100%;
		text-align:center;
		margin: 10px 0 5px 0;
		float: left;
		font-size: 0.7em;
	}
	#footer #incomm a, #footer #seone a{
		color:#333333;
		text-decoration:none;	
	}

	.column .block{
		margin-bottom:1em; 
		color:#fff; 
		text-transform:uppercase; 
		margin-left:15px; 
		text-transform:uppercase;
	}
	
	.column .block p{
		margin:0 0 1% 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 2%;
	}	
	img{
		max-width:100%;
		height:auto;
		}
	iframe{ max-width:100%; }
	
	
		.no_image,.footer_coord .spanmob ,
.footer_coord #mob a,#left_column div#left_lien_1  span#left1,#left_column div#left_lien_1  span#left2,
#left_column div#left_lien_2  span#left3,#left_column div#left_lien_2  span#left4,#left_column div#left_lien_3  span#left5,
#left_column div#left_lien_3  span#left6,#left_column div#left_lien_4  span#left7,#left_column div#left_lien_4  span#left8,#header p#slogan2,#footer_large #footer #foot{ display: none; }
	
	
	#left_column div#left_lien_2 a{
	background:url(../img/content1_05.jpg) no-repeat center top; 
    display: block;
    float: left;
    height:82px; 
    width: 192px; 
	margin:5px;
	text-decoration:none;
   }
   
   
#left_column div#left_lien_3 a{
	
	 background:url(../img/content2_09.jpg) no-repeat center top;
    display: block;
    float: left;
    height:82px; 
    width: 192px; 
	margin:5px;
	text-decoration:none;
}

#left_column div#left_lien_4 a{
	
	 background:url(../img/content3_11.jpg) no-repeat center top;
    display: block;
    float: left;
    height:103px; 
    width:192px; 
	margin:5px;
	text-decoration:none;
}


}

/* TABLETTES */
@media only screen and (min-width: 768px){
	body{
		background:#fbfbfb;
	}
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	#center_column, #left_column, #right_column {
		float: left;
	}
	#left_column{
		width:100%;
		margin-left:10%;
	}
	
	.no_image{ display: block; }
}

/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	body{
	background:#fbfbfb ;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	margin:0
}
div#columns_rep {
	vertical-align: top;
margin:0px;
}

	#page {
		margin:auto;
		width:100%;
	}
	
	#header_large{
	background: url('../img/headerlgcpte_01.jpg') no-repeat scroll center top;
	clear: both;
	margin: 0; 
	height:278px;
	}
	
	
	
	#header{
	position:relative;
	height:278px;
	margin: auto;
	width:980px;
	padding:0; 
	background:none !important;
	}
	
	#header a#home{
	
	 background: url('../img/logo4_05.png') no-repeat scroll center top;
    display: block;
    float: left;
    height: 96px;
    margin: 27px 0 0 10px;
    width: 440px;
	}
	
	
	#header p#slogan{ 
	 color: #000;
    display: block;
    float: left;
    font-family: Raleway;
    font-size:17px;
    font-weight: normal;
    left:20px;
    position: absolute;
    top: 30px;
	}
	
	#column_large_rep{
	margin:auto;
	width:100%;
	}
	
	#columns_large{
	clear:both;
	background:url('../img/lgcenter_02.jpg') no-repeat scroll center top;
	}

	
	#columns{		
	position:relative;
	margin: auto;
	width:980px;
	padding:0; 
	min-height:600px; 
	background:none;	
	}
	
	#center_column{
	padding: 0 0 15px;
    width: 744px;
	}
	
	#slide{
	  float: left;
	}
	
	#breadcrumb{
		margin:5px 0;
		color:#000;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#000;
	}
	
	#center_column, #left_column, #right_column {
		float:left
	}
	
	#left_column{
	background:url(../img/leftcontent_07.png) no-repeat center top;
	margin-right: 16px;
    position: relative;
    width:191px; 
	min-height:505px;
	margin-top:0;
	float:left; 
	margin-left:14px !important;	
	}

		
	#left_column div#left_lien_1 {
    
    height:75px;
    margin: 0;
    padding: 0;
    width:191px;
}

#left_column div#left_lien_1 a{
	 
    display: block;
    float: left;
    height:75px; 
	font-family: 'Raleway', sans-serif; 
	color:#002b6b;
    font-size:20px;
    width: 191px; 
	margin-left:0 !important;
	margin:0 !important;
	background:none; 
	text-decoration:none;
}

#left_column div#left_lien_1  span#left1 {
	 
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-style: italic;
    height: 16px;
    padding: 14px 0 0 24px;
    text-decoration: none;
    text-transform: uppercase;
    width: 174px;
}

#left_column div#left_lien_1  span#left2 {
	 
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 16px;
    padding: 5px 0 0 42px;
    text-decoration: none;
    text-transform: uppercase;
}

	#left_column div#left_lien_2 {
    
    height:95px;
    margin: 0;
    padding: 0;
    width:191px;
}

#left_column div#left_lien_2 a{
	 
    display: block;
    float: left;
    height:75px; 
	font-family: 'Raleway', sans-serif; 
	color:#002b6b;
    font-size:20px;
    width: 191px; 
	margin-left:0 !important;
	margin:0 !important;
	background:none; 
	text-decoration:none;
}

#left_column div#left_lien_2  span#left3 {
	 
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-style: italic;
    height:21px; 
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; 
	text-align:center; 
	padding-top:10px;
}

#left_column div#left_lien_2  span#left4 {
	 
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size:14px;
	text-align:center;
    text-decoration: none;
    width: 100%; 
	line-height:21px;
}

	#left_column div#left_lien_3 {
    
    height:86px;
    margin: 0;
    padding: 0;
    width:191px;
}

#left_column div#left_lien_3 a{
	 
    display: block;
    float: left;
    height:75px; 
	font-family: 'Raleway', sans-serif; 
	color:#002b6b;
    font-size:20px;
    width: 191px; 
	margin-left:0 !important;
	margin:0 !important;
	background:none; 
	text-decoration:none;
}

#left_column div#left_lien_3  span#left5 {
	 
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-style: italic;
    height:21px; 
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; 
	text-align:center; 
	padding-top:10px;
}

#left_column div#left_lien_3  span#left6 {
	 
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

	#left_column div#left_lien_4 {
    
    height:86px;
    margin: 0;
    padding: 0;
    width:191px;
}

#left_column div#left_lien_4 a{
	 
    display: block;
    float: left;
    height:75px; 
	font-family: 'Raleway', sans-serif; 
	color:#002b6b;
    font-size:20px;
    width: 191px; 
	margin-left:0 !important;
	margin:0 !important;
	background:none; 
	text-decoration:none;
}

#left_column div#left_lien_4  span#left7 {
	 
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-style: italic;
    height:21px; 
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; 
	text-align:center; 
	padding-top:10px;
}

#left_column div#left_lien_4  span#left8 {
	 
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    padding: 3px 0 0 15px;
    text-align: left;
    text-decoration: none;
    width: 90%;
}


	#footer a#lien_facebook {
    display: block;
    float: left;
    height: 28px;
    left: 100px;
    position: absolute;
    top: 150px;
    width: 28px;
	
   }

 #footer a#lien_tweet {
	 display: block;
    float: left;
    height: 28px;
    left: 100px;
    position: absolute;
    top:200px;
    width: 28px;
	
}

	
	#right_column{
		width:200px;
		padding-right:40px;
	}
	
		#footer_large {
	background: #fbfbfb url('../img/foot_03.png') no-repeat scroll center top;
	clear: both;
	height:280px;
	margin:0px;
	} 
	#footer{ 
	background:none;}
	
	#footer_large #footer {
	height:280px;
    margin: auto;
    position: relative;
    width: 980px;
}

 #footer a#retour {

     display: block;
    height: 78px;
    left: 10px;
    position: absolute;
    top: 48px;
    width: 266px;
 }


	
#footer a#lien_contact {
  
     display: block;
    height: 157px;
    position: absolute;
    right: 63px;
    top: 90px;
    width: 255px;
}

#footer a#lien_haut {

      display: block;
    float: right;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
	
}

	
	#footer_large #footer div.address {
	 color: #000;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    left: 345px;
    position: absolute;
    text-align: center;
    top: 187px;
    width: 311px;
   
 }
 #footer_large #footer div.address a {
	color:#ff;
 }
 #footer_large #incomm ,#footer_large #seone  {
 	 color: #000;
    font-size: 11px;
    position: absolute;
    text-align: center;
    top: 250px;
    width: 100%;
 }
 #footer_large #incomm a,#footer_large #seone a {
	color: #000; 
	font-size:11px;
	text-decoration:none;
 }
 #footer_large #incomm a:hover , #footer_large #seone a:hover {
	color:#000;
	text-decoration:underline;
 }
	
	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		     color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 11px 0 0 10px;
    text-transform: uppercase;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 5px;
	}

}