@charset "UTF-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
}

body{
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:300;
	background:#F2F2F2;
}

a{
	text-decoration:none;
}


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

#header{
	height:120px;
	width:1024px;
	background:url(../../images/back_all_header.jpg) 0 27px repeat-x;
	position:relative;
	

}


#header   .tout-aiphone{
	display:none;
}

#header #top_header{
	width:1024px;
	height:27px;
	background:#000;
}


#header #top_header #top_header_content{
	margin-left:auto;
	margin-right:auto;
	width:964px;}

#header #header_back{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:93px;
	background:url(../../images/back-header.jpg) no-repeat center top;
	
}

#header  #header_back #header_content{
	margin-left:auto;
	margin-right:auto;
	width:964px;
	height:93px;
}


#header  #header_back #header_content a{
	text-decoration:none;
	border:none;
}
	

#header  #header_back #header_content #logo_header{
	margin-top:15px;
	float:left;
	border-bottom:none;
	width:250px;
	height:47px;
}

#header  #top_header #top_header_content #choose_site{
	float:left;
	padding-top:3px;
	margin-left:30px;
}

#header  #top_header #top_header_content #choose_site a{
	font-size:12px;
	color:#FFF;
}

#header  #top_header #top_header_content #choose_site a img{
	border:none;
	margin-bottom:-2px;
	margin-left:20px;
	margin-right:5px;
}

#header  #top_header #top_header_content #mad_connexion{
	
	color:#444a52;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
 	text-shadow: 1px 1px 0px #fff;
	
	height:20px;
	
	margin-top:-5px;
	margin-left:20px;
	padding:12px 10px 0px 10px;
	
	 
	 background:#C1CBCE;
	
	float:right;
}

#header  #top_header #top_header_content #mad_connexion #login{
	cursor:pointer;
}


#header  #top_header #top_header_content #mad_connexion a{
	
		color:#78808C;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
 	text-shadow: 1px 1px 0px #fff;
}

#header #top_header #top_header_content #mad_connexion a:hover{
	text-decoration:underline;
	cursor:pointer;
}
#crea_devis_connexion #crea_content_connexion a#mdp_forgot{
	margin-left:95px;
}

#header  #header_back #header_content #tout-aiphone{
	
}

#header  #header_back #header_content #nav_site{
	float:right;
	margin-top:35px;
	
}

#header  #header_back #header_content #nav_site a{
	display:block;
	float:left;
	
	margin-left:10px;
	padding:3px 15px;

	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
	 
	 
	font-size:16px;
	color:#FFF;
	text-align:center;
 	text-shadow: 1px 1px 2px #000;
    text-transform: lowercase;
	text-decoration:none;
}

#header  #header_back #header_content #nav_site a:hover{
	background:url(../../images/back-button-header.jpg) repeat-y center;
	 
	color:#fff;
	text-align:center;
 	text-shadow: 1px 1px 2px #FFF;
    text-transform: lowercase;	 
	

}




#back_nav_catalog{
	width:1024px;
	height:34px;
	
	background:url(../../images/back-nav-top.jpg) repeat-x;

}

#back_nav_catalog #nav_catalog {
	width:964px;
	height:31px;
	
	margin-left:auto;
	margin-right:auto;
}

#back_nav_catalog  #nav_catalog span{
	font-size:18px;
	color:#FFF;
	text-align:center;
 	text-shadow: 1px 1px 2px #000;
    text-transform: lowercase;
	text-decoration:none;
	
	width:120px;
	height:34px;
	padding-top:5px;
	
	display:block;
	float:left;
	
	position:relative;
	z-index:1;
	
}

#back_nav_catalog #nav_catalog #menu_item_1{
	background:url(../../images/back-residentiel.jpg) no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_1:hover{
	background:url(../../images/back-residentiel-over.jpg) no-repeat;
	
	position:relative;
	z-index:100;
	
	-moz-box-shadow: -1px -5px 5px #333;  
    -webkit-box-shadow: -1px -5px 5px #333;  
    box-shadow: -1px -5px 5px #333;
	  
}

#back_nav_catalog #nav_catalog #menu_item_1_hover{
	background:url(../../images/back-residentiel-over.jpg) no-repeat;
	
	position:relative;
	z-index:100;
	
	-moz-box-shadow: -1px -5px 5px #333;  
    -webkit-box-shadow: -1px -5px 5px #333;  
    box-shadow: -1px -5px 5px #333;
	  
}

#back_nav_catalog #nav_catalog #menu_item_2{
	background:url(../../images/back-collectif.jpg) no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_2_hover{
	background:url(../../images/back-collectif-over.jpg) no-repeat;
	
	position:relative;
	z-index:100;
	
	-moz-box-shadow: -1px -5px 5px #333;  
    -webkit-box-shadow: -1px -5px 5px #333;  
    box-shadow: -1px -5px 5px #333;
	  
}

#back_nav_catalog #nav_catalog #menu_item_3{
	background:url(../../images/back-tertiaire.jpg) no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_3_hover{
	background:url(../../images/back-tertiaire-over.jpg) no-repeat;
	
	position:relative;
	z-index:100;
	
	-moz-box-shadow: -1px -5px 5px #333;  
    -webkit-box-shadow: -1px -5px 5px #333;  
    box-shadow: -1px -5px 5px #333;
	  
}

#back_nav_catalog #nav_catalog #search{
	width:335px;
	height:28px;
	background:#C1CBCE;
	
	padding-top:3px;
	padding-left:3px;
	
	float:right;
}

#back_nav_catalog #nav_catalog #search a{

	font-size:16px;
	color:#444a52;
 	text-shadow: 1px 1px 2px #fff;
    text-transform: lowercase;
	text-decoration:none;
	
	display:block;
	float:left;
	width:70px;
	margin-top:0px;
}

#back_nav_catalog #nav_catalog #search input{
	width:212px;
	height:23px;
	
	border:1px #BBBBBB solid;
	margin-right:10px;
	padding-left:23px;
	
	float:left;
	
	background:url(../../images/search-glass.jpg) #fff no-repeat left;
}




/********************************* HEADER MENU *********************************/

#list_container{
	width:964px;
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
}

#roll_nav{
	width:964px;
	
	margin-left:auto;
	margin-right:auto;
	
	margin-top:-3px;
	
	position:absolute;
	z-index:10;
	}

#menu_list_1{
	width:600px;
	background:#90B3CC;
	
	padding:10px;
	
    
    -moz-box-shadow: -1px -1px 12px #000;  
    -webkit-box-shadow: -1px -1px 12px #000;  
    box-shadow: -1px -1px 12px #000;
	
	position:relative;
	
	display:none;

}

#menu_list_2{
	width:600px;
	background:#C0C828;
	
	padding:10px;
	margin-left:120px;
	
    
    -moz-box-shadow: -1px -1px 12px #000;  
    -webkit-box-shadow: -1px -1px 12px #000;  
    box-shadow: -1px -1px 12px #000; 
	
	display:none;   
}

#menu_list_3{
	width:600px;
	background:#998A7A;
	
	padding:10px;
	margin-left:240px;
	
    
    -moz-box-shadow: -1px -1px 12px #000;  
    -webkit-box-shadow: -1px -1px 12px #000;  
    box-shadow: -1px -1px 12px #000;
	
	display:none;
}

.gam_list{
	width:220px;
	float:left;
	
	margin:30px 20px;
	

}
.gam_list .title_list{
	color:#FFF;
	font-size:16px;
	font-weight:700;
}

.gam_list ul{
	margin-top:10px;
	margin-bottom:40px;
}

.gam_list ul li{
	color:#333;
	font-size:14px;
	
	margin-left:15px;
	margin-top:5px;
}

.gam_list ul li a,.gam_list p a {
	color:#333;
	font-size:14px;
	text-decoration:none;
}

.gam_list ul li a:hover, .gam_list p a:hover{
	color:#333;
	font-size:14px;
	text-decoration:underline;
}

.gam_list p{
	color:#333;
	font-size:14px;
	margin-top:5px;
}


.resume_menu{
	width:260px;
	float:right;
	
	font-size:13px;
	color:#333;
	
	background:#FFF;
	padding:25px 30px;
}

.resume_menu .title_resume_menu{
	font-size:18px;
	font-weight:100;
	color:#666;
	
	display:block;
	margin-bottom:25px;
	
}


.resume_menu img{
	margin-top:20px;
}


.resume_menu .title_resume_menu img{
	margin-bottom:-10px;
	margin-right:5px;
	margin-top:0px;

}

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

#footer{
	height:33px;
	width:1024px;
	
	background:url(../../images/back-footer.jpg) repeat-x;
	
	font-size:16px;
	font-weight:400;
	color:#999999;
	
	clear:both;
	margin-top:40px;
}

#footer #footer_content{
	width:954px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top:8px;
	padding-left:30px;
}

#footer #link_footer{
	clear:left;
	background:url(../../images/back_link_footer.jpg) repeat-x;
}

#footer #link_footer #links{
	width:954px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top:20px;
	padding-bottom:30px;
	padding-left:30px;
}

#footer #link_footer #links span{
	font-size:15px;
	font-weight:400;
	color:#999999;
	
	display:block;
	text-decoration:none;
	margin-bottom:10px;
	
}


#footer #link_footer #links a{
	font-size:13px;
	font-weight:400;
	color:#999999;
	
	display:block;
	text-decoration:none;
	margin-bottom:5px;
	width:200px;
}

#footer #link_footer #links a:hover {
	text-decoration:underline;
}


#footer-mobile{
	display:none;
}



/********************************* CONTENT *********************************/


#content{
	width:1024px;
	margin-left:0;
	margin-right:0;
	margin-top:20px;

	font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
	font-size:14px;
	font-weight:400;
}

#content #left{
	width:610px;
	
	float:left;
	
	margin-right:40px;
}

#content #right{
	width:310px;
	
	float:left;
}

#content #title_part{
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:100;
	color:#46596C;
	font-size:35px;
	
	width:960px;
	border-bottom:1px solid #909CA8;
	
	display:block;	
	padding-bottom:0px;
	margin-top:20px;
}

#content #arianne{
	font-weight:300;
	color:#959BA7;
	font-size:12px;
	
	width:960px;
	border-bottom:1px solid #909CA8;
	
	padding-bottom:3px;
	margin-top:3px;
	
}

#content #arianne img{
	margin-right:5px;
}

#content #div_plus{
	width:288px;
	padding:10px;
	
	background:#FFF;
	border:1px solid #46596C;
	background: -moz-linear-gradient(#FFF, #E3E3E3);
	-webkit-gradient(linear,from(#FFF),to(E3E3E3));
	
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
     border-radius: 2px;
	 
    -moz-box-shadow: 0px 0px 5px #000;  
    -webkit-box-shadow: 0px 0px 5px #000;  
    box-shadow: 0px 0px 5px #000; 
	
    box-shadow: 1px 1px 5px #000;
	
	margin-top:30px;
	margin-bottom:20px;
}
	
#content #div_plus .title_desc{
	border-bottom:1px solid #909CA8;
	margin-bottom:5px;
}

#content #div_plus #title_devis{
	border-top:1px solid #909CA8;
	padding-top:2px;
	
	margin-top:10px;
}

#content #div_plus ul li{
	
	padding-left:5px;
	margin-bottom:5px;
	list-style: inside;

}

#content #div_plus ul li a{
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:16px;
	font-weight:300;
	color:#46596C;
	
	text-decoration:none;
	

}

#content #div_plus ul li:hover{
	color:#FFF;
	background:#B5BDC5;
}

#content  .title_desc{
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:16px;
	font-weight:600;
	color:#46596C;
	
	margin-bottom:5px;
	display:block;
	
}

/********************************* LEFT MENU *********************************/


#content #left_menu{
	width:208px;
	padding-bottom:10px;
	margin:20px 30px 30px 0px;
	float:left;
}

#content #right_content{
	width:650px;
	margin:20px 0px;
	float:left;
}

#content #left_menu #menu{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
	 
    -moz-box-shadow: 0px 0px 5px #000;  
    -webkit-box-shadow: 0px 0px 5px #000;  
    box-shadow: 0px 0px 5px #000;
	
	
	background:#FFF;
	background: -moz-linear-gradient(#FFF, #E3E3E3);
	-webkit-gradient(linear,from(#FFF),to(E3E3E3)); 
	
	border:2px solid #46596C;
	
	padding:5px;
	margin-left:6px;
	width:185px;
}

#content #left_menu #menu ul li{
	list-style-type:none;
	border-bottom:1px solid #46596C;
	padding:5px 0px;
	
	 font-size:16px;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:600;

}

#content #left_menu #menu ul li a{
		color:#46596C;
		text-decoration:none;
		padding:5px 10px;
		display:block;
}


#content #left_menu #menu ul a:hover{
	background:#46596C;
	color:#FFF;
}

#content #left_menu #menu img{
	margin-top:5px;
}


/********************************* RIGHT MENU *********************************/


#content #right_content #utitle{
	font-size:30px;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:300;
	color:#46596C;
	
	display:block;
	margin-bottom:20px;
	
	
}

#content #right_content p{
	margin-bottom:20px;
	width:375px;
	float:left;
}


	
	
	
	
#content #right_content p span{
	display:block;
	margin-bottom:5px;
	font-weight:600;
	}



/********************************* CHAPO *********************************/

#content #chapo_page{
	margin:20px 0px;
	padding-right:30px;
	
	font-size:14px;
	color:#000;
}


/********************************* DOWNLOAD ZONE ARTICLE *********************************/

#content .right_on ul{
	margin-bottom:50px;
}

#content  .right_on ul li{
	list-style-type:none;
	margin-top:10px;
}

#content  .right_on ul li a{
	color:#000;
	display:block; 
	float:left; 
	width:260px; 
	margin-left:10px;
}


#content  .right_on ul li img{
	float:left; 
	margin-left:10px;
}


#content  .right_on ul li a:hover{
	text-decoration:underline;
}

#content .right_on img{
	border:3px #FFF solid;
	 
    -moz-box-shadow: 0px 0px 5px #000;  
    -webkit-box-shadow: 0px 0px 5px #000;  
    box-shadow: 0px 0px 5px #000;
	
	margin-right:10px;
	margin-bottom:20px;
	
}

#content .right_on ul img{
	margin-bottom:-10px;
	border:none;
	
    -moz-box-shadow: none;  
    -webkit-box-shadow:none;  
    box-shadow: none;
	margin-right:5px;
}


/********************************* CONNEXION *********************************/

#opac_connexion{
	width:100%;
	height:100%;
	position:fixed;
	z-index:998;
	background-color:#000;
	opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
	display:none;
	
}


#crea_devis_connexion{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	height:350px;
	width:480px;
	border:10px solid #333333 ;
	background-color:#f4f4f4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:fixed;
	z-index:999;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-250px;
	opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
	display:none;
	padding-left:20px;
	
}

#crea_devis_connexion #crea_content_connexion{
	height:240px;
	color:#46596C;
}


#crea_devis_connexion #error_msg{
	color:#fff;
	font-size:12px;
	float:left;
	margin-left:30px;
	margin-top:15px;
	clear:both;
	background:#C00;
	padding:5px;
}

#crea_devis_connexion #crea_content_connexion label{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	font-size:14px;
	color:#46596C;
	padding-left:20px;
}


#crea_devis_connexion #crea_content_connexion input[type=text], #crea_devis_connexion #crea_content_connexion input[type=password]{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	background-color:#fff;
	-moz-border-radius: 5px;
	margin-left:15px;;
	border-radius: 5px;
	border:none;
	height:30px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
}




#crea_devis_connexion #crea_content_connexion input[type=password]{
margin-bottom:10px;
}

#crea_devis_connexion #crea_content_connexion input[type=submit]{
	border:none;
	background:#465A6E url(../../images/mad/arr_search.jpg) no-repeat 10px 50%;
	color:#FFF;
	font-size:13px;
	text-transform:uppercase;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:2px;
	height:25px;
	width:100px;
	text-align:right;
	cursor:pointer;
	float:right;
	clear:right;
	margin-top:5%;
	margin-right:40px;
}

#crea_devis_connexion #crea_content_connexion input[type=checkbox]{
	margin-left:5%;
	margin-right:-10px ;
	margin-bottom:-2px;
}

#crea_devis_connexion #crea_content_connexion a{
	color:#000; 
	margin-left:30px; 
	font-size:11px;
}

#crea_devis_connexion #crea_content_connexion a:hover{
	text-decoration:underline;
}


#crea_devis_connexion #crea_content_connexion h1{
	margin-top:5px;
	margin-left:15px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
}

#crea_devis_connexion #crea_content_connexion span{
	font-size:12px;
}

#crea_devis_connexion #crea_content_connexion h2{
	margin-left:15px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:15px;
}

#crea_devis_connexion #pub{
	cursor:pointer;
}


/********************************* PASSWORD *********************************/

#opac_password{
	width:100%;
	height:100%;
	position:fixed;
	z-index:998;
	background-color:#000;
	opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
	display:none;
	
}


#password_forget{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	height:300px;
	width:480px;
	border:10px solid #333333 ;
	background-color:#f4f4f4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:fixed;
	z-index:999;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-250px;
	opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
	display:none;
	padding-left:20px;
	color:#46596C;
}


#password_forget #error_msg{
	color:#fff;
	font-size:12px;
	float:left;
	margin-left:30px;
	margin-top:15px;
	clear:both;
	background:#C00;
	padding:5px;
}

#password_forget label{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	font-size:14px;
	color:#9099A5;
	padding-left:20px;
}


#password_forget input[type=text]{
	font-family:"myriad-pro-1","myriad-pro-2",sans-serif;
	background-color:#fff;
	-moz-border-radius: 5px;
	margin-left:5%;
	border-radius: 5px;
	border:none;
	height:30px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	width:300px;
}



#password_forget input[type=submit]{
	border:none;
	background:#465A6E url(../../images/mad/arr_search.jpg) no-repeat 10px 50%;
	color:#FFF;
	font-size:13px;
	text-transform:uppercase;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:2px;
	height:25px;
	width:100px;
	text-align:right;
	cursor:pointer;
	float:right;
	clear:right;
	margin-top:5%;
	margin-right:40px;
}

#password_forget a{
	color:#000; 
	margin-left:30px; 
	font-size:11px;
}

#password_forget a:hover{
	text-decoration:underline;
}


#password_forget h1{
	margin-top:5px;
	margin-left:15px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
}

#password_forget span{
	font-size:12px;
}

#password_forget h2{
	margin-left:15px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:15px;
}

#password_forget #pub{
	cursor:pointer;
}

/************************************* MOBILE **********************************/

#faq #chapo_page #utitle #picto_list, #presc #chapo_page #utitle #picto_list, #content #corporate #right_content img#picto_list, #content #main #right_content .utitle #picto_list, #contact #right_content #utitle img#picto_list, #gamme #right_content #utitle img#picto_list{
	
	display:none;
}

#utitle_3l{
	width:80%; 
	display:block;
	float:none;
}


#content #main #right_content #smartphone{ display:none; }

#content #main #right_content #tablette{ display:block; }


/************************* MODE PORTRAIT IPAD ***************************************/

@media only screen and (orientation:portrait) and (min-width: 601px) and (max-width: 768px){
   /* portrait styles here */
	#header{
		width:768px;

	}
	
	#header #top_header{
	width:768px;
	}

	
	#header #top_header #top_header_content, #header  #header_back #header_content, #back_nav_catalog{
		width:768px;

	}
	
	#back_nav_catalog #nav_catalog{
			width:768px;

	}
	
	#back_nav_catalog #nav_catalog #search{
		
		float:left;
		margin-left:40px;
	}
	
	#header  #top_header #top_header_content #mad_connexion{
	
		float:right;
		margin-right:30px;
	}
	
	#header  #header_back #header_content #nav_site{
		float:left;
		margin-left:20px;
		
	}


	#header  #header_back #header_content #nav_site a{
		padding:3px 8px;
	}
	
	#header  #header_back #header_content #logo_header{
		margin-top:35px;
		float:left;
		border-bottom:none;
		margin-left:10px;
		width:180px;
		height:30px;
	}
	
	#list_container{
	width:768px;
	}
	
	
	#roll_nav{
	width:100%;
	}
	
	#content{
		width:730px;
	}
	
	#footer{
		width:768px;
	}
	
	#footer #link_footer #links a{
		width:140px;
	}
	
	#footer #footer_content{
		width:738px;
	}

	#footer #link_footer #links{
		width:738px;
		padding-bottom:80px;
	}
	
	#content #title_part{
		width:700px;
	}

	#content #arianne{
		width:700px;
	
	}
	
	#content #left{
		width:480px;
		
		float:left;
		
		margin-right:0px;
	}

	#content #right{
		width:220px;
		
		float:left;
	}
	
	#content #div_plus{
	width:200px;
	}

	
	#content #right_content{
		width:450px;
		margin:20px 0px;
		float:left;
	}

}


/************************* MODE 800px ***************************************/

@media only screen and (min-width: 769px) and (max-width: 800px){
   /* portrait styles here */
	#header{
		width:800px;

	}
	
	#header #top_header{
	width:800px;
	}

	
	#header #top_header #top_header_content, #header  #header_back #header_content, #back_nav_catalog{
		width:800px;

	}
	
	#back_nav_catalog #nav_catalog{
			width:800px;

	}
	
	#back_nav_catalog #nav_catalog #search{
		
		float:left;
		margin-left:40px;
	}
	
	#header  #top_header #top_header_content #mad_connexion{
	
		float:right;
		margin-right:30px;
	}
	
	#header  #header_back #header_content #nav_site{
		float:left;
		margin-left:20px;
		
	}


	#header  #header_back #header_content #nav_site a{
		padding:3px 8px;
	}
	
	#header  #header_back #header_content #logo_header{
		margin-top:35px;
		float:left;
		border-bottom:none;
		margin-left:10px;
		width:180px;
		height:30px;
	}
	
	#list_container{
	width:800px;
	}
	
	
	#roll_nav{
	width:100%;
	}
	
	#content{
		width:730px;
	}
	
	#footer{
		width:800px;
	}
	
	#footer #link_footer #links a{
		width:140px;
	}
	
	#footer #footer_content{
		width:738px;
	}

	#footer #link_footer #links{
		width:738px;
		padding-bottom:80px;
	}
	
	#content #title_part{
		width:700px;
	}

	#content #arianne{
		width:700px;
	
	}
	
	#content #left{
		width:480px;
		
		float:left;
		
		margin-right:0px;
	}

	#content #right{
		width:220px;
		
		float:left;
	}
	
	#content #div_plus{
	width:200px;
	}

	
	#content #right_content{
		width:450px;
		margin:20px 0px;
		float:left;
	}

}

/************************* MODE 600px ***************************************/

@media only screen and (max-width: 600px){
   /* portrait styles here */
	#header{
		width:600px;

	}
	
	#header #top_header{
	width:600px;
	}

	
	#header #top_header #top_header_content, #header  #header_back #header_content, #back_nav_catalog{
		width:600px;

	}
	
	#back_nav_catalog #nav_catalog{
			width:600px;

	}
	
	#back_nav_catalog #nav_catalog #search{
		
		float:left;
		margin-left:40px;
	}
	
	#header  #top_header #top_header_content #mad_connexion{
	
		float:right;
		margin-right:30px;
	}
	
	#header  #header_back #header_content #nav_site{
		float:left;
		margin-left:20px;
		
	}


	#header  #header_back #header_content #nav_site a{
		padding:3px 8px;
	}
	
	#back_nav_catalog #nav_catalog span{
		width:90px;
		font-size:16px;
	}
	
	#back_nav_catalog #nav_catalog #search{
		margin-left:0px;
		width:295px;
	}
	
	#back_nav_catalog #nav_catalog #search a{
		font-size:12px;
		    padding-top: 7px;
	}
	
	#back_nav_catalog #nav_catalog #search input{
		width:190px;
	}
	
	
	#header  #header_back #header_content #logo_header{
		margin-top:35px;
		float:left;
		border-bottom:none;
		margin-left:10px;
		width:180px;
		height:30px;
	}
	
	#header #header_back #header_content #nav_site a{
		font-size:12px;
		padding: 3px 5px;
   	    margin-left: 3px;
	}
	
	#list_container{
	width:600px;
	}
	
	
	#roll_nav{
	width:100%;
	}
	
	#content{
		width:560px;
	}
	
	#footer{
		width:600px;
	}
	
	#footer #link_footer #links a{
		width:140px;
	}
	
	#footer #footer_content{
		width:538px;
	}

	#footer #link_footer #links{
		width:538px;
		padding-bottom:80px;
	}
	
	#content #title_part{
		width:530px;
	}

	#content #arianne{
		width:530px;
	
	}
	
	#content #left{
		width:500px;
		
		float:none;
		
		margin-right:0px;
	}

	#content #right{
		width:500px;
		
		float:none;
		clear:left;
	}
	
	#content #div_plus{
	width:300px;
	}

	
	#content #right_content{
		width:350px;
		margin:20px 0px;
		float:left;
	}
	
	#content #chapo_page{
	margin:20px 0px;
	padding-right:30px;
	
	font-size:14px;
	color:#000;
	width:525px;
}
#content #right_content #utitle{
	width:300px;
}

#footer #link_footer #links a {
    width: 90px;
}

}