/*

Theme Name: Adesam

Theme URI: 

Description: 

Author: Patricia Racine

Version: 1.0

License: 

License 

Tags: 

*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}





/* ---------------------------------------- */

/* g�n�ral				*/

/* ---------------------------------------- */



body {

	font-family: Arial, Helvetica, sans-serif;

	color:#666666;

	font-size: 62.5%;

	background-color:#a29f95;

}



html, body {

 margin:0px 0px 0px 0px; 

 padding:0;

height: 100%; 

min-height: 100%; 

margin-bottom: 1px;

}



div.cleaner {

	clear: both; 

	line-height: 0px; 

	height: 0px; 

	font-size: 0px;

}



p { padding: 0 0 12px 0; margin: 0 }



p.center{

text-align:center;

}



ul, li, h1, h2, h3, h4{

margin:0;

padding:0;

}



.flux{ 

clear: both; 

}



.cleft{

clear:left;

}



.cright{

clear:right;

}



.clearing {

height: 0;

clear: both;

}



hr.clear{

display:block;

clear:both;

visibility:hidden;

height:0;

border-width:0;

margin:0;

padding:0;

}



a:link {

color: #666666;

text-decoration: underline;

}



a:hover {

text-decoration:underline;

color:#666666;

}



a:visited{

color: #666666;

text-decoration: underline;

}



a:active {

text-decoration:underline;

color:#666666;

}







/* ---------------------------------------- */

/* 	conteneur	*/

/* ---------------------------------------- */





#conteneur{

position:absolute;

left: 50%; 

width: 1024px;

margin-left: -512px; /* moiti� de la largeur */

font-size:1.2em;

	background-color:#e9e7e1;

}



#top{

	height:150px;

	padding-bottom:42px;

	border-bottom:#d1d3d4 1px solid;

	background-color:#FFF;}

	

#media{

	position:relative;

	top: -82px;

	left: 927px; /* 795+62  */

	width:210px;}	

	

#sidebar{

	float:left;

	width:204px; /* 236-18-14*/

	padding:0 14px 0 18px;

	position:relative;

	top: -112px;

	left:0px;

	background-color:#FFF;

	}	

	

.contenu{

	position:relative;

	float:left;

	width:506px;

	background-color:#e9e7e1;

	top: -109px;

	left:0px;

	padding:3px 0px 40px 0;

	}		



.article{

	margin:10px 0 0 24px;

	background:url(images/bg_article.gif) no-repeat #FFF top left;

	width: 458px; 

	height:300px; 

	padding-top:2px;

	}

	

.article2{

	margin:10px 0 0 24px;

	background:url(images/bg_article.gif) no-repeat #FFF top left;

	width: 458px; 

	height: auto; 

	padding-top:2px;

	}		

	

.interieur{

	margin:0;

	padding:0 18px 0 14px;

	line-height:19px;

	height:310px;}	

	

.interieur2{

	margin:0;

	padding:0 18px 30px 14px;

	line-height:19px;

	}				



.categorie{

	margin:10px 0 0 -8px;

	padding:4px 3px 0 10px;

	background:url(images/bg_categorie.png) no-repeat;

	width: 88px;

	height:24px;

	color:#FFF;

	text-transform:uppercase;

	font-size:9px;

letter-spacing: 0.125em;

	}

	

.categorie a{

	color:#FFF;

	text-decoration:none;

	}	

	

.categorie a:hover{

	color:#202020;

	text-decoration:none;

	}	

	

.addthis_toolbox{

	position: relative;

		top: 12px;

	left:1px;

	width:240px;}	

	

	.addthis_toolbox2{

		padding-top:40px;}	

	

.suite{

	position: relative;

	top: -80px;

	left:371px;

	margin:0px -18px 0 0px;

	padding:13px 0 0 10px;

	background:url(images/bg_suite.png) no-repeat;

	width: 94px;

	height:28px;

	color:#FFF;

	text-transform:uppercase;

	font-size:9px;

letter-spacing: 0.125em;

	}

	

.suite a{

	text-decoration:none;

	color:#ffffff;

	}



.suite a:hover{

	text-decoration:none;

	color:#202020;

	}	



.motscles	a{

	text-decoration:none;

	color:#808285;

	}

	

.motscles a:hover{

	text-decoration: underline;

	color:#808285;

	}		



.motscles{

	width:460px;

	font-size:9px;

	margin:10px 0 0 24px;}

	

	

.photo{

	float:left;

	margin:4px 10px 20px 0; }	

	

.photo2{

	margin:12px 0px 0px 0; }		





.precedents{

	float:left;

	margin-left:25px;

	margin-top:10px;

	}



.suivants{

	float:right;

	margin-top:10px;

	margin-right:25px;

	}



.precedents a, .suivants a{

	color: #c38319;

	text-decoration:none;

	text-transform:uppercase;

	font-size:10px;

letter-spacing: 0.125em;}

	

.precedents a:hover, .suivants a:hover{

	text-decoration: underline;}	



.legende{

	margin-top:5px;

	color:#808285;

	font-size:10px;}



/* ---------------------------------------- */

/* 	sidebar		*/

/* ---------------------------------------- */



#sidebar2{

	background-color:#e9e7e1;

	float:left;

	width:282px; /* 282 */

	margin:0px 0px 0 0px;

	position:relative;

	top: -109px;

	left:0px;

	}	







/* ---------------------------------------- */

/* 	divers		*/

/* ---------------------------------------- */



h1{

	color:#d78f1d;

	font-size:26px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight:normal;

	margin:-4px 0 13px 0px;

	padding:0;

	line-height:26px;}	

	

h1.titre a{

	font-size:26px;

	color:#d78f1d;

	text-decoration:none;}	



	

h1.titre a:hover{

	font-size:26px;

	color:#d78f1d;

	text-decoration: underline;}		

	

	

h1.page{

	margin:26px 0 12px 0px;

	}	

	

.date{

	margin:-5px 0 10px 0;

	padding:0;

	font-size:10px;

	color:#808285;}	

	

.date a{

	color:#808285;

	text-decoration:none}	



	

.date a:hover{

	text-decoration:underline;}			

	

.mr7{

	margin-right:7px;}		

	

.mr8{

	margin-right:8px;}	

	



hr.sidebar{height: 1px;margin:1px 0;padding: 0;color: #d1d3d4;background-color: #d1d3d4;border: 0; clear:both; width:204px}	



hr.separation{height: 1px;padding: 0 ;color: #d1d3d4;background-color: #d1d3d4;border: 0; clear:both; width:456px; margin: 13px 0 16px 24px}	



/* ---------------------------------------- */

/* 	menu	*/

/* ---------------------------------------- */



#menu{

position:relative;

top: -138px;

left:243px;	

margin: 0;

padding:0px 0 0 0px;

font-size:12px;

text-transform:uppercase;

height:30px;

width:550px; /* width:450px; */

letter-spacing: 0.125em;

}


/* projet 375MTL - 2017 */

#menu li.menu-item-1531{
    background: url(images/bg3_menu.png) top left no-repeat;
    width: 155px;
}

#menu li.menu-item-1531 a{
	padding: 7px 0px 3px 18px;
}

#menu ul{

clear:both;

list-style: none;

margin: 0;

padding: 0;

}



#menu li{

float:left;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

background:url(images/bg1_menu.png) top left no-repeat;

height:29px;

width:115px;

}



#menu li.menu-item-1025 {

    width: 135px !important;

	background-size:95%;

	padding-left:5px

    }



#menu li.contact{

background:url(images/bg2_menu.png) top left no-repeat;

height:29px;

width:109px;

}





#menu li a{

color:#ffffff;

display: block;

text-decoration: none;

font-weight:bold;

text-align:center;

margin: 0px 0px 0px 0px;

padding: 7px 0px 3px 10px;



}



#menu li a:hover{

	color:#202020;

text-decoration:none;

margin: 0px 0px 0px 0px;

padding: 7px 0px 3px 10px;

}







#menu li.on a {

text-decoration:none;

}	



a.Centre-Nad{

	display:block;

	background-image:url(images/Nad.gif);

	width:204px;

	height:135px;

	}

	

a.Centre-Nad:hover{

	display:block;

	background-image:url(images/Nad_on.gif);

	width:204px;

	height:135px;

	}

	

a.cons_musique{

	display:block;

	background-image:url(images/cons_musique.gif);

	width:204px;

	height:135px;

	}

	

a.cons_musique:hover{

	display:block;

	background-image:url(images/cons_musique_on.gif);

	width:204px;

	height:135px;

	}

	

a.ladmmi{

	display:block;

	background-image:url(images/ladmmi.gif);

	width:204px;

	height:135px;

	}

	

a.ladmmi:hover{

	display:block;

	background-image:url(images/ladmmi_on.gif);

	width:204px;

	height:135px;

	}



a.enc{

	display:block;

	background-image:url(images/enc.gif);

	width:204px;

	height:135px;

	}

	

a.enc:hover{

	display:block;

	background-image:url(images/enc_on.gif);

	width:204px;

	height:135px;

	}			



a.enh{

	display:block;

	background-image:url(images/enh.gif);

	width:204px;

	height:135px;

	}

	

a.enh:hover{

	display:block;

	background-image:url(images/enh_on.gif);

	width:204px;

	height:135px;

	}

a.ent{

	display:block;

	background-image:url(images/ent.gif);

	width:204px;

	height:135px;

	}

	

a.ent:hover{

	display:block;

	background-image:url(images/ent_on.gif);

	width:204px;

	height:135px;

	}

a.esb{

	display:block;

	background-image:url(images/esb.gif);

	width:204px;

	height:135px;

	}

	

a.esb:hover{

	display:block;

	background-image:url(images/esb_on.gif);

	width:204px;

	height:135px;

	}

a.inis{

	display:block;

	background-image:url(images/inis.gif);

	width:204px;

	height:135px;

	}

	

a.inis:hover{

	display:block;

	background-image:url(images/inis_on.gif);

	width:204px;

	height:135px;

	}

a.musitechnic{

	display:block;

	background-image:url(images/musitechnic.gif);

	width:204px;

	height:135px;

	}

	

a.musitechnic:hover{

	display:block;

	background-image:url(images/musitechnic_on.gif);

	width:204px;

	height:135px;

	}	
	
	
a.cadm{

	display:block;

	background-image:url(images/cadm.gif);

	width:204px;

	height:135px;

	}

	

a.cadm:hover{

	display:block;

	background-image:url(images/cadm_on.gif);

	width:204px;

	height:135px;

	}		
	
	
	
	
				

/* ---------------------------------------- */

/* 	footer	*/

/* ---------------------------------------- */





#footer{

	position:  absolute;

	background-color:#FFF;

margin:-109px 0px 0px 0px;

padding:0;

height:150px;

border-top:#d1d3d4 1px solid;

font-size:10px;

width:1024px;

}



.soutien{

	padding: 63px 0 0 140px ;

	float:left;

	width:530px;}

	

.cccfq{

	padding: 0px 0 0 30px ;

	float:left;

	width:230px;}	





/* ---------------------------------------- */

/* 	divers	*/

/* ---------------------------------------- */



.widget-area ul {

	list-style: none;

	margin-left: 0;

}



.widget-title {

	display:none;

}



#search-2{

	margin-top:13px;

	margin-bottom:25px;}

	

.widget_search #s {/* This keeps the search inputs in line */

	width: 60%;

}	

	

.widget_search #s{

	background:url(images/bg_recherche.gif) top left;

	width:189px; /* 228-35 */

	height:28px;

	border:none;

	margin-top:0px;

	padding-left:35px;

	margin:0; }

	

input#searchsubmit{

	padding-top:0px;

	width:23px;

	height:30px;

	margin-bottom:-10px;

	}

	

.widget_FacebookLikeBox{

	margin-top:-5px;

	padding:0;}

	

h4.tw-title{

	background-color:#000;

	border:#F00 1px solid;

	}

	

.tw-tabs{

	margin-top:30px;}

	

#tw-content-3-0 ul li, #tw-content-3-1 ul li, #tw-content-3-2 ul li {

	background-color: # FFF;

    color: #FFFFFF;

    padding: 4px 0 0 13px;

    width: 220px;

	}	

	

	

.categorie_long{

	margin:0px 0 0 0;

	padding:4px 20px 6px 0px;

	background:url(images/bg_categorie_long.png) repeat-x;

	color:#FFF;

	text-decoration:none;

	text-transform:uppercase;

letter-spacing: 0.125em;

	font-size:9px;

	}

	

@media screen and (-webkit-min-device-pixel-ratio:0){

.categorie_long {

	padding:5px 20px 6px 0px;

}				

  }

  



.categorie_long2 a{

	margin:0px 0 0 0;

	padding:4px 20px 6px 0px;

	background:url(images/bg_categorie_long.png) repeat-x;

	color:#FFF;

	text-decoration:none;

	text-transform:uppercase;

letter-spacing: 0.125em;

	font-size:9px;

	}	

	

.categorie_long2 a:hover{

	color:#202020;

	text-decoration:none;

	}	 

	



@media screen and (-webkit-min-device-pixel-ratio:0){

.categorie_long2 a{

	margin:0px 0 0 0;

	padding:5px 20px 6px 0px;

}				

  }

  

  

.categorie_long2 a{

	margin:0px 0 0 0\0/;

	padding:5px 20px 6px 0px\0/;}  /* IE9 compatability mode*/	



.categorie_long {

	padding:5px 20px 6px 0px\0/;}  /* IE9 compatability mode*/