/*********************** RESET *************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-family: 'arial', helvetica, sans-serif;font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/**************** LAYOUT & BASIC STYLES ****************/

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {  background-color: #606060; color: #555; }
#wrapper { width: 100%; top: 0; left:0; margin: 0; position: absolute; background-color: #606060; }
div#header { width: 100%; height: 185px; background:transparent url(../images/bg_header.jpg) repeat-x top left; margin: 0; padding: 0; }
div#footer { width: 100%; height: 76px; position: relative; display: block; background:transparent; margin: -50px 0 0 0; padding: 0; }
div.container { width: 100%; position: relative;background: #fff url(../images/visuel_content.gif) no-repeat bottom left; margin: 0; padding: 0;}

/********************** container **********************/

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

.twins {
	position: absolute;
	width: 293px;
	top: 0;
	left: 0;
	border: 0;
}
.logo {
	position: absolute;
	width: 203px;
	left: 308px;
	top: 0;
	border: 0;
}
.baseline {
	position: absolute;
	width: 656px;
	left: 308px;
	top: 102px;
	border: 0;
}

/* espace pro */

.espace_pro {
	position: absolute;
	width: 299px;
	height: 103px;
	left: 580px;
	top: 0;
	border: 0;
	background:transparent url(../images/bg_espace_pro.jpg) no-repeat top left;
}
.espace_pro p{
	font-size: 11px;
	text-transform: uppercase;
	color: #888;
	font-weight: bold;
	padding: 19px 0 1px 78px;
}
.input_line {
	background-color: transparent;
	border: 0;
	width: 131px;
	font-size: 9px;
	padding: 2px 0 2px 2px;
	margin: 0 0 0 80px;
	color: #888;
}
.valider {
	background-color: transparent;
	border: 0;
	font-size: 12px;
	color: #888;
	cursor: pointer;
	text-decoration: none;
}
.valider a, .valider:hover {
	color: #fff;
	text-decoration: none;
}
.info {
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	border: none;
	top: 21px;
	left: 153px;
}

/* info bulle */

#tooltip{
	position:absolute;
	font-size: 11px;
	line-height: 15px;
	background:#000;
	padding:5px 10px;
	color:#fff;
	text-align:center;
	display:none;
	border: 1px solid #555;
}

 /*/////////////////////////////////////////// container */

div.container h1 {
	font-family: 'Trebuchet MS', arial, sans-serif;	
	font-size: 24px;
	line-height: 30px;
	color: #000;
	padding-bottom: 10px;
}

div.container h2 {
	font-family: 'Arial', helvetica, sans-serif;	
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	color: #000;
	letter-spacing: 1px;
}
div.container h3 {
	font-family: 'Arial', helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	padding: 2px 0;
	margin-top: 0;
	text-transform: uppercase;
	border-bottom: 0;
	color: #ccdd00;
}
div.container p {
	font-family: 'Arial', helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	padding: 6px 0;
}
div.container span {
	font-family: 'Arial', helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	padding: 0 2px;
	background-color: #555;
	color:#fff;
}
div.container a {
	color:#555;
	text-decoration: none;
	background-color: #ccdd00;
	padding: 0 2px;
}
div.container a:hover {
	color: #555;
	text-decoration: none;
	background-color: #fff;
}

/* ACCUEIL */

.accueil {
	position: relative;
	width: 900px;
	margin:0;
	padding: 0 0 90px 0;
}
.accueil .baseline_home {
	position: relative;
	float: left;
	padding-top: 80px;
}
.accueil .luciana {
	position: relative;
	float: left;
	/*border: 3px dashed #000;*/
	width: 176px;
	height: 500px;
	margin-left: 0;
}

/* A VOIR */

.video {
	margin: 10px 0;
}
p.video_title {
	font-family: 'Arial', helvetica, sans-serif;
	font-size: 14px;
	padding: 1px 2px;
	margin: 20px 0 5px 0;
	background-color: #555;
	color:#fff;
}

/* ICOONE */

.icoone_p1 {
	position: relative;
	width: 850px;
	margin:0;
	padding: 30px 0 138px 120px;
}
.icoone_p1 .c_quoi {
	position: relative;
	float: left;
	width: 450px;
}
.icoone_p1 .secret {
	position: relative;
	float: left;
	width: 500px;
}
.icoone_p1 span.exposant {
vertical-align:super;
font-size: 6px;
}

.icoone_p1 .imgfloat {
	position: relative;
	float: left;
	display: block;
	margin: 10px 0 0 20px;
	padding:0;
	border: 2px dashed #000;
}

/* MMSA */

.mmsa_1-2 {
	position: relative;
	width: 850px;
	margin:0;
	padding: 30px 0 138px 120px;
}
.mmsa_1-2 .textfloat {
	position: relative;
	float: left;
	width: 420px;
}
.mmsa_1-2 .skinfloat {
	position: relative;
	float: left;
	display: block;
	margin: 40px 0 0 20px;
	padding:0;
	border: 2px dashed #000;
	clear:after;
}
.mmsa_1-2 .skinfloat p {
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	line-height: 13px;
	margin-bottom: 10px;
	padding: 0;
	font-weight: normal;
}
.mmsa_1-2 span.ital {
	font-style: italic;
	background: transparent;
	color: #555;
	margin: 0;
	padding:0;
}
.mmsa_3-4 {
	position: relative;
	width: 850px;
	margin:0;
	padding: 30px 0 138px 120px;
}
ul.gallery {
	list-style: none;
	margin: 10px 0 0 0;
}
ul.gallery p {
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	line-height: 13px;
	margin-bottom: 10px;
	padding: 0;
	font-weight: normal;
}
ul.gallery .txt_horiz{
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;	
	font-weight: normal;
}
ul.gallery li {
	display: block;
	float: left;
	margin: 0 30px 0 0;
}
ul.gallery li.matiere {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}
ul.gallery li a {
	padding: 0;
	display: block;
	border: 1px dashed #000;
	line-height: 0;
	background: #fff
}
ul.gallery li a:hover { 
	border: 1px dashed #bbb;
}

/* extra styles galerie */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* masque IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* fin masque IE-mac */


/* LES PROGRAMMES */

.programmes {
	position: relative;
	width: 750px;
	margin:0;
	padding: 20px 0 138px 120px;
}
.programmes_1 {
	position: relative;
	width: 750px;
	margin:0;
	padding: 10px 0;
}
ul.gallery_prog {
	list-style: none;
	margin: 10px 0 0 0;
}
ul.gallery_prog li {
	display: block;
	float: left;
	margin: 0 35px 20px 0;
}
ul.gallery_prog li a {
	padding: 0;
	display: block;
	border: 1px solid #000;
	line-height: 0;
	background: #fff
}
ul.gallery_prog li a:hover { 
	border: 1px solid #fff;
}

/* RESULTATS*/

.resultats {
	position: relative;
	width: 850px;
	margin:0;
	padding: 30px 0 138px 120px;
}
.resultats .txtres {
	position: relative;
	float: left;
	width: 400px;
}
.resultats .imgres {
	position: relative;
	float: left;
	display: block;
	margin: 10px 0 0 20px;
	padding:0;
	border: 2px dashed #000;
}
.bloc_vert{
	display:block;
	float:left;
	margin: 40px 0 0 20px;
}
.bloc_vert ul{
	list-style: none;
	padding: 0;
}
.bloc_vert ul li{
	line-height: 32px;
	display: block;
	text-transform: lowercase;
	border-bottom: 1px solid #eefa64;
}
.bloc_vert .top{
	display:block;
	width:210px;
	height:5px;
	background: #fff url(../images/bloc_vert_top.gif) no-repeat top left;
}
.bloc_vert .middle{
	display:block;
	width:200px;
	background-color: #ccdd00;
	padding: 10px 5px 10px 5px;
}
.bloc_vert .bottom{
	display:block;
	width:210px;
	height:5px;
	background: #fff url(../images/bloc_vert_bottom.gif) no-repeat bottom left;
}

/* CENTRES ICOONE */

.centres {
	position: relative;
	width: 850px;
	margin:0;
	padding: 20px 0 100px 120px;
}
ul.ci {
	list-style: none;
	margin: 10px 20px 0 0;
}
ul.ci li {
	display: block;
	float: left;
	margin: 0;
}
.search_resultats {
	position: relative;
	width: 270px;
	border: 0;
	margin: 5px 0 0 20px;
	background:#fff;
}
.search_centres {
	position: relative;
	width: 250px;
	height: 110px;
	border: 0;
	margin: 0 0 0 20px;
	background:transparent url(../images/bloc_recherche.gif) no-repeat top left;
}
.input_cp {
	background-color: transparent;
	border: 0;
	width: 50px;
	font-size: 9px;
	padding: 2px 0 2px 2px;
	margin: 30px 0 0 73px;
	color: #ccdd00;
}
.input_ville {
	background-color: transparent;
	border: 0;
	width: 125px;
	font-size: 9px;
	padding: 2px 0 2px 2px;
	margin: 9px 0 0 73px;
	color: #ccdd00;
}
.sub_search {
	background-color: #ccdd00;
	border: 0;
	padding: 1px 5px;
	margin: 8px 0 0 71px;
	width: 132px;
	font-size: 11px;
	color: #555;
	cursor: pointer;
	text-decoration: none;
}
.sub_search a, .sub_search:hover {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
}

/* CONTACT */



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

div#footer p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
div#footer a {
	text-decoration: none;
	color: #ccdd00;
}
div#footer a:hover {
	text-decoration: none;
	color: #888;
}