/*======================================
      CHARTE DU SITE					
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- bleu	clair		#0094d8             
- bleu fonce		#043382             
- orange			#f9b200				
- gris clair		#eeedeb				
- gris moyen		#aeaeaf				
- gris fonce		#87888a				
\**************************************/

html, body{
	background 				:	#eeedeb;
	height					:	100%; 
}
body{
	background 				:	transparent url(/img/milleetune/fond_body_bas.gif) repeat-y top center;
	font					: 	9px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h2.sous-titre{
	margin-left:90px;
	margin-right:60px;
	margin-bottom:15px;
	padding-left:16px;
	background:#0094d8;
	font-size:14px;
	color:#fff;
}
/**************************************/
/*          BLOC PRINCIPAL            */
/**************************************/

#cadre-principal {
	width					:	100%;
	background 				:	#eeedeb url(/img/milleetune/fond_body_haut.gif) no-repeat top center;
	
}
#cadre-principal-2 {
	position				:	relative;
	width					:	950px;
	margin					:	0 auto;
	background 				:	transparent url(/img/milleetune/fond_cadre_principal.gif) repeat-y top left;	
}
/**************************************/
/*              ENTETE                */
/**************************************/

#cadre-haut {
	height					:	161px;
	background 				:	transparent url(/img/milleetune/fond_cadre_haut.jpg) no-repeat top left;
}
#logo{
	width:124px;
	height:124px;
	position:absolute;
	top:5px;
	left:89px;
}
#logo a{
	display:block;
	width:124px;
	height:124px;
}
#logo img{
	display:none;
}
/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

#cadre-centre {
	background				: 	transparent;
	padding-bottom			:	1px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
/*** nav haute ***/
#cadre-haut ul.bloc-menu-haut{
	margin-left:327px;
	padding-top:17px;
	list-style-type:none;
}
#cadre-haut ul.bloc-menu-haut li{
	float:left;
	padding-right:10px;
}
a.menu-haut, a.menu-haut:link, a.menu-haut:visited{
	display:block;
	color:#000;
	background 				:	#eeedeb;
	height:15px;
}

#fil-ariane{
	height:30px;
	color:#0094d8;
	padding-top:5px;
	padding-left:8px;
}
#cadre-colonne-1 {
	width					: 	212px;
	float					:	left;
	min-height				:	439px;
	background 				:	#eeedeb url(/img/milleetune/fond_cadre_colonne_1.jpg) no-repeat top right;
	padding-top:35px;
}
#cadre-colonne-1 ul{
	list-style-type:none;
	margin-right:3px;
	margin-left:55px;
}
#cadre-colonne-1 ul li{
 margin-bottom:5px;
}
#cadre-colonne-1 ul li span, #cadre-haut ul li span{
 display:block;
 width:0;
 height:0;
 overflow:hidden;
}
a.menu-cote, a.menu-cote:link, a.menu-cote:visited{
	display:block;
	color:#0094d8;
	background 				:	#eeedeb;
}
#cadre-colonne-2 {
	width					: 	350px;
	float					:	left;
	min-height				:	439px;
	background 				:	#eeedeb url(/img/milleetune/fond_cadre_colonne_2.jpg) no-repeat top left;
}

/**************************************/
/*            CONTENU                 */
/**************************************/
.corps{
	/*margin-top:25px;*/
}
#cadre-colonne-2 .corps{
    position :relative;
	margin-top:35px;
	padding-left:30px;
	margin-right:40px;
	min-height:370px;
}
#cadre-colonne-2 .facebook{
    width       :   250px;
    height      :   35px;
    margin      :   15px 0 0 30px;
    padding-top :   7px;
    padding-left:   35px;
    display     :   block;
    font-size   :   10px;
    font-weight :   bold;
    line-height :   15px;
    color       :   #3B5998;
    cursor      :   pointer;
    text-decoration :   none;
    background  :   url(/img/milleetune/facebook.png) no-repeat 5px 5px;
}
#cadre-colonne-milieu {
	background				: 	transparent;
	float					:	left;
	width					: 	388px;
	padding-bottom			:	30px;/* pour laisser la place aux coordonnees */
	/*overflow				:	hidden;*/
}

/* no data */
#no-data{
	text-align				:	center;
	font-weight				:	bold;
}
/* titre page */
#bloc-titre-page{
	position				:	absolute;
	top						: 	100px;
	left					: 	212px;
	width					: 	388px;
	height					:	70px;
}
#bloc-titre-page h1{
	margin					:	0;
	height					:	70px;
}
#bloc-titre-page h1 span{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}
/* actu */
.actu-lst{
	margin-left				:	65px;
	width					:	256px;
}
#cadre-colonne-2 .actu-lst{
	margin-left				:	0;
	margin-top				:	35px;
}
.actu-lst dt, .actu-lst dd  {
	margin-left				:	0;
	margin-right			:	0;
}
.actu-lst dt{
	margin-bottom			:	12px;
	padding:0;
}
.actu-lst dd  {
	border-left				:	9px solid #0094d8;
	padding-left			:	1em;
}
/* realisation */
.texte-realisation-lst{
	width:143px;
	border-left: 8px solid #0094d8;
	margin-left:117px;
	padding-left:10px;
}
#cadre-colonne-2 h2{
	background 				:	#eeedeb url(/img/milleetune/fond_titre_list_rea.gif) repeat-x center left;
	font-size				:	11px;
	font-style				:	italic;
	margin-bottom			:	5px;
	margin-top				:	0;
	clear					:	both;
}
#cadre-colonne-2 h2 span{
	background 				:	#eeedeb;
	padding-right			:	5px;
}
ul.realisation-lst{
	list-style-type			:	none;
	margin					:	0;
}
ul.realisation-lst li{
	float					:	left;
	margin-right			:	12px;
	margin-bottom			:	10px;
	background:#999;
}
ul.realisation-lst li a{
	display:block;
}
a.lien-lst-realisation:hover img, .realisation-lst a.lien-lst-realisation:active img, .realisation-lst a.lien-lst-realisation:focus img, a.lien-lst-realisation-actif img{
	filter : alpha(opacity=30); /* opacite pour IE */
	opacity:0.3; /* opacite de 0 a 1 (0% a 100%)*/
}
.texte-realisation-frm{
	margin-left:89px;
	margin-right:20px;
}
.texte-realisation-frm h3{
	font-size				:	11px;
	font-weight				:	bold;
	margin-bottom			:	3px;
}
.texte-realisation-frm h3 span{
	font-weight				:	normal;
}
/* affichage images realisation normal */
#diaporama_masque{
    position                        :   relative;
  overflow                      :   hidden;
  border:1px solid #aeaeaf;
  margin:0 auto;
    margin-bottom:7px;
}
#diaporama{
  position                      :   absolute;
  text-align                    :   center;
}
ul#diaporama{
    list-style-type         :   none;
    margin                          :   0;
    padding                         :   0;
}
ul#diaporama li{
  float                             :   left;
  margin                          :   0;
    padding                         :   0;
}
div#diaporama-control{
    float:right;
    margin-right:33px;
}
div#diaporama-control img{
    cursor:pointer;
}
div#diaporama-control img{
    cursor:pointer;
}
p.lien-frm-realisation{
    margin-left : 89px;
}

/*.bloc-diaporama img{
	border:1px solid #aeaeaf;
}
.bloc-diaporama .icone_chargement{
    display : none;
}
.bloc-diaporama ul{
	list-style-type			:	none;
	margin:0;
	padding:0;
}
ul.list-image-diaporama li{
	margin:0;
	padding:0;
	margin-bottom			:	10px;
}*/
/* affichage images realisation diaporama js */
/*.bloc-diaporama-js{
	position:relative;
	width:316px;
	height:199px;
	overflow:auto;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:7px;
	border:1px solid #aeaeaf;
}
ul.list-image-diaporama-js{
	list-style-type			:	none;
	width:2000px;
	border:0;
	margin:0;
	padding:0;
}
ul.list-image-diaporama-js li{
	margin:0;
	padding:0;
	border:0;
	float:left;
	width:316px;
	height:199px;
}
div#diaporama-control{
	float:right;
	margin-right:33px;
}
div#diaporama-control img{
	cursor:pointer;
}
p.lien-frm-realisation{
	margin-left : 89px;
}*/
/* pour annuler les marges et border de tableau */
/*.bloc-diaporama table, .bloc-diaporama td, .bloc-diaporama-js table, .bloc-diaporama-js td{
	margin					:	0;
	padding					:	0;
	border					:	0;
}
.bloc-diaporama table td, .bloc-diaporama-js td{
	text-align				:	center;
}*/
/* contact */
.formulaire_bloc{
	
}
.formulaire_bloc table, .formulaire_bloc td{
	margin					:	0;
	padding					:	0;
	border					:	0;
}
.formulaire_bloc input, .formulaire_bloc textarea{
	margin-top:0;
}
.formulaire_bloc td.label-form{
	width:80px;
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}
fieldset.bloc-crypto{
	padding-left:23px;
	border:none;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;
}
fieldset.bloc-crypto legend{
	color:#0094d8;
}
.bloc-crypto table{
	width:155px
}
.message-crypto{
	float:left;
	width:150px;
	margin-right:17px;
}
.bloc-valid{
	text-align:center;
	margin-top:0;
}
.bloc-valid .class-btn-envoyer-fr{
	text-indent				:	-5000px;
	width					:	144px;
	height					:	16px;
	margin-right			:   12px;
	border					:	none;
	background 				:	transparent url(/img/milleetune/milleetune-fr/btn-contact-envoyer[0].gif) no-repeat top left;
}
.bloc-valid .class-btn-envoyer-fr:hover{
	background 				:	transparent url(/img/milleetune/milleetune-fr/btn-contact-envoyer[1].gif) no-repeat top left;
}
.bloc-valid .class-btn-reset-fr{
	text-indent				:	-5000px;
	width					:	67px;
	height					:	16px;
	border					:	none;
	background 				:	transparent url(/img/milleetune/milleetune-fr/btn-contact-reset[0].gif) no-repeat top left;
}
.bloc-valid .class-btn-reset-fr:hover{
	background 				:	transparent url(/img/milleetune/milleetune-fr/btn-contact-reset[1].gif) no-repeat top left;
}
/* collaborations */
#collaborateurs_bloc h2.sous-titre{
	margin-right:23px;
}
#collaborateurs_bloc dl{
	margin:10px 23px 0 90px;
}
#collaborateurs_bloc dl dt {
	margin:0;
	padding:0 0 0 13px;
	border-left				:	9px solid #0094d8;
}
#collaborateurs_bloc dl dd{
	margin-left: 22px;
}
#collaborateurs_bloc dl dt, #collaborateurs_bloc dl dd {
	margin-bottom:5px;
}
#collaborateurs_bloc dl dd.lien-collaborateur{
	border-bottom:1px solid #0094d8;
	padding-bottom:10px;
	font-weight:bold;
	clear:both;
}
#collaborateurs_bloc dl dd p{
	margin-bottom: 3px;
}
#collaborateurs_bloc dl dd img{
	float:right;
}
ul.liens-lst{
	list-style-type:none;
	font-weight:bold;
	margin-left:0;
}
ul.liens-lst li a{
	padding-left			:	13px;
	color:#000;
}
ul.liens-lst li a:visited{
	color:#000;
}
ul.liens-lst li a:hover, ul.liens-lst li a:active, ul.liens-lst li a:focus{
	color:#0094d8;
}
ul.liens-lst li a.lien-lst-collabarateur-actif{
	background 				:	transparent url(/img/milleetune/ico-lien-petit.gif) no-repeat left center;
	color:#0094d8;
}
/* articles */
#bloc-article{
	margin:0 10px;
}
/* coordonnees */
#zone-coordonnees{
	position:absolute;
	bottom:0;
	text-align:center;
	width:388px;
}
#zone-coordonnees address{
	margin-bottom:5px;
	font-style:normal;
	font-size:8px;
	font-weight:bold;
	color:#0094d8
}
#zone-coordonnees address span.raison-sociale{
	font-size:10px;
}
/**************************************/
/*           PIED DE PAGE             */
/**************************************/

#cadre-principal-bas {
	position				:	relative;
	width					:	100%;
	background 				:	transparent url(/img/milleetune/fond_body_bas.gif) repeat-y top center;
	color					:	#87888a;
}
#cadre-bas {
    position                :   relative;
	width					:	950px;
	margin					:	0 auto;
	background 				:	url(/img/milleetune/fond_cadre_bas.jpg) no-repeat top left;
	min-height				:	28px;
	padding-top				:	10px;
	padding-bottom			:	10px;
}

#cadre-bas a:link, #cadre-bas a:visited{
	color					:	#87888a;
}
#cadre-bas a:hover, #cadre-bas a:active, #cadre-bas a:focus {
	text-decoration: none;
	color: #0094d8;
}
#mentions-legales{
	margin-bottom:5px;
}
#menu_baseline, #baseline_axn, #mentions-legales{
	width : 388px;
	margin-left:212px;
	text-align:center;
}
#menu_baseline ul{
	list-style-type:none;
	margin-bottom:0;
}
#menu_baseline ul li{
	display:inline;
	margin-right:3px;
}