/* générale */
* { margin : 0; padding : 0; }
body {background: #fff; font : 76%/160% Verdana, Arial,Helvetica, sans-serif;}
#container { background: #fff; width : 996px; height:auto; margin: 0 auto; width: xxxpx; }

h1 {color: #ff6B31; font-size: 12px; font-weight: bold; border-bottom: 0.2em dotted #0094ce; width: 65%; margin:3em 0 1em 3em; letter-spacing: 0.15em;}
h2 {color:  #ff6B31; font-size: 12px; font-weight: normal; margin: -1.25em 0 1em 3em; letter-spacing: 0.05em; }
h3 {color: #0094ce; font-size: 1em; font-weight:bold; margin: 0 0 -0.5em 3em; letter-spacing: 0.09em;}
h4 {color: #0094ce; font-size: 0.75em; font-weight:normal; margin: 0 0 -0.5em 4em; text-decoration:underline; }
h5 { color: #0094ce; font-size: 0.85em; font-weight:normal;  margin: 1em 3em 1em 3em;}

h6 {color:#0094ce; font-size: 11px; font-weight: bold; border-bottom: 0.1em dotted #0094ce; width: 65%; margin: 3em 0 1em 3em; letter-spacing: 0.15em; }

h7 {color:#0094ce; font-size: 11px; font-weight: bold; border-bottom: 0.1em dotted #0094ce; width:110%; margin: 3em 0 1em 1.25em;}

h8 { color:#0094ce; font-size:0.75em;font-family:Verdana, Arial, sans-serif 0.15em; border-bottom: 0.1em dotted #0094ce; margin-left:.5em;}
h9  { color:#0094ce; font-size:0.75em;font-family:Verdana, Arial, sans-serif 0.15em;  width:100%;}


p {line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em; margin: 1em 3em 1em 3em; font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}
img {border:none;}
img.nouv { margin-top: 2em;}

.mission {margin: 1em 0 3em 3em;}

p.ref  {color: #0094ce; font-size: 0.75em; margin: 0.50em 0 0.25em 5em; border-left: solid 0.15em #0094ce; padding-left: 0.50em;}

/* li*/

a.lien { text-decoration: underline;  color: #000; }

a.lien:link {text-decoration:underline; color: #000;}
a.lien:hover {color: #0094ce;}

/* header */
img.logo {margin: 0;}

#header {background: #fff;  width: 100%; height: 145px; padding-top: 1.5em;}

#photohaut {margin: -9.5em -2em 0 15em;}
#photohaut li {display: inline; margin-left:-0.20em;}
#photohaut .first { margin-left: 0.25em;}

/* info en haut */
#infohaut {margin-top:-0.25em;}
#infohaut li {display: inline;}
#infohaut li.tel1, li.cour1 {margin-left:15em;}
#infohaut li.tel1, li.tel3 {color:#0094ce;}

#infohaut li.tel1 {word-spacing: 0.15em;letter-spacing: 0.1em;}
#infohaut li.tel3 {word-spacing: 0.15em;letter-spacing: 0.1em;}
#infohaut li.tel2 {margin-right: 0.30em;}
#infohaut li.cour2 {margin-right: 0.50em;}
#infohaut li.cour3 {word-spacing: 0.15em;letter-spacing: 0.1em;}

#infohaut li.cour1 {word-spacing: 0.15em;letter-spacing: 0.1em;}


#infohaut li.cour1 {color:#0094ce;word-spacing:0.15em;letter-spacing: 0.1em;}


#infohaut li.cour3 {color:#ff6B31;}
#infohaut .cour3 a:link{color:#ff6B31;}
#infohaut .cour3 a:hover{color:#0094ce;}

li.effacer {color:#0094ce; margin-left:15em;}

ul.effacer{ padding-top:.25em;}

/* li generale */

li  {list-style-type: none;}
a {text-decoration: none;}


li.first {padding-top: 2em;}
li.last {padding-bottom: 2em}


#menu_left li a, #langue li a, #menu_right li a  {text-decoration: none;  display:block; border-bottom: 0.20em dotted #0094ce; font: 100%; margin: 1em 1em 0.15em 0.5em; text-align:left;}


/* li. listpoint */


li.listpoint {list-style-type: circle; margin-left:5em; color: #ff6B31; font-size: 125%; }
a.listpoint {margin-left:-2em;}

a:link .listpoint {color: #ff6B31;}
a:visited .listpoint {color: #ff6B31;}
a:hover .listpoint {color: #0094ce; text-decoration:underline;}
a:active .listpoint {color: #0094ce; text-decoration:underline;}



li.listpointno1 {list-style-type:decimal; margin-top:1em;margin-left:5.5em; font-size:100%; line-height:; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

li.listpointno  {list-style-type:decimal; margin-left:5.5em; font-size:100%; line-height:; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

/* content_left */
#content_left {float: left; width : 15%; height: auto; background-color: #FFFFFF;}
#content_left img { float: left; margin: 5em 0 0 0;}

/* flash-content */

#flascontent {margin: 10em 0 0 -5em}

/** menu_left */
#menu_left {margin-top:;}

#menu_left a:link {color: #ff6B31;font-weight: 200; }
#menu_left a:visited {color:#ff6B31;}
#menu_left a:hover {color: #0094ce;}
#menu_left a:active {color: #0094ce;}

/*** langue */

#langue{width:55%;}
#langue a {font-size: 9px;}
#langue a:link  {color: #ff6B31; font-weight: 200;}
#langue a:visited {color:#ff6B31;}
#langue a:hover {color: #0094ce;}
#langue a:active { color: #0094ce;}

#langue li.first {color: #0094ce; margin-top:-3.50em; }



/* content_right */

#content_right {background:#fff; float: right; width :18%;}


/** menu_right */
#menu_right {margin-top: 6.5em; }
#menu_right a {padding-left:0.5em;}

#menu_right a:link {color: #ff6B31; }
#menu_right a:visited {color:#ff6B31;}
#menu_right a:hover {color: #0094ce;  border: 0.20em solid #0094ce;}
#menu_right a:active { color: #0094ce; border: 0.20em solid #0094ce;}


#menu_right li { margin-top: -0.55em; }

#menu_right a { font-size: 95%; border-top: 0.20em solid #fff; border-left: 0.1em solid #fff; border-right : 0.1em solid #fff; }

/*** bouton */

#bouton {margin-top: 2em;}

#bouton li a { font-size: 95%; display: block; margin: 1em 1em 0.15em 0.5em; line-height: 2.25em;letter-spacing:0.10em; }
#bouton li  { background-image: url(../images/general/boutonados.png); height: 30px;}


#bouton a {text-decoration: none; padding-left:0.5em;}

#bouton a:link {color: #fff; }
#bouton a:visited {color:#fff; }
#bouton a:hover {color: #fff; font-weight: bold;}
#bouton a:active {color: #fff; font-weight: bold;}


/**** partenaires */


/* partenaires */

#partenaires {margin-top:2.5em;}

#partenaires img {padding-left: 2em; padding-bottom:2em;}
li.fb {margin-top:-1.5em; margin-left:-.5em;}
li.tw {margin-top:-7em; margin-left:6.5em;}
li.pa {margin-top:-1em;}
li.cq {margin-top:-1em; margin-left:-1.25em;}


/* content_main */

#content_main {background:#fff; float:left ; width :67%; height: auto; margin-top:3em;}

#contentpannel { width :85%; height:auto; margin: 0 auto; width: xxxpx;}

 
/* footer*/
#footer {clear: both; background:#fff; width: 996px; height: auto; padding-top:4em;}



/* tableau - footer */

#info tbody td, #info tbody th{ padding : .01em; }

#info table {margin-left:0;}

caption {width: 100%; margin-top: 3em; margin-left: 5em; letter-spacing : 0.2em; }
table { margin-left: 3em; margin-top: 1em; width: 550px; }
th { background :; color : #fff; padding : 1em .7em 1em 1em; font-weight : bold; }
tbody td, tbody th { padding : .20em; }
td {border :; padding : 0 10px; color : #0094ce; width:auto; }


#menubas {width: 100%; float:left; border-top: 0.20em dotted #0094ce; padding-bottom:1em; }
#menubas li.first {}
#menubas li {text-decoration: none; color: #ff6B31; display: inline; font-size: 10px; margin: 5em 10em 0 0;}
#menubas a:link {color: #ff6B31; font-weight: 200;text-decoration: none; }
#menubas a:visited {color:#ff6B31; text-decoration: none;}
#menubas a:hover {color: #0094ce; text-decoration: underline;}
#menubas a:active { color: #0094ce; text-decoration: underline;}


a:link {text-decoration: none; color: #ff6B31;}
a:visited {color: #ff6B31;text-decoration: none;} 
a:hover {color: #0094ce; text-decoration: underline;} 
a:active {color: #0094ce;text-decoration: underline;} 
a.:focus {color: #0094ce;text-decoration: underline;}

/* li. listpoint */


li.listpoint {list-style-type: disc; margin-left:5.5em; margin-top:-0.5em;  padding-left:0.75em; color: #0094ce; line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em;  font-family:Verdana, Arial, sans-serif;font-size: 100%; witdth: 95%}
a.listpoint {margin-left:-2em;}

a:link.listpoint {color: #ff6B31;}
a:visited.listpoint {color:#ff6B31;}
a:hover.listpoint {color: #0094ce; text-decoration:underline;}
a:active.listpoint {color: #0094ce; text-decoration:underline;}

li.listpoint2 {list-style-type: disc;  padding-left:0.75em; color: #0094ce; line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em;  font-family:Verdana, Arial, sans-serif; font-size: 100%; color: #0094ce; margin: 1em 2.5em 1em 5em;}

li.listpoint3 {list-style-image: url(../images/utilitaire/li1.png); padding-left:0.15em; color: #0094ce; line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em;  font-family:Verdana, Arial, sans-serif; font-size: 100%; color: #0094ce; margin: 0 0 0.5em 5em; }




/* img floatleft */

.floatleft {float:left; padding-right: 1em;}

#haut a:link {color: #ff6B31; font-weight: 200; }
#haut a:visited {color:#ff6B31;}
#haut a:hover {color: #0094ce; text-decoration:underline;}
#hauts a:active { color: #0094ce; text-decoration:underline;}


/* tableau - questionnaire */

table.questionnaire {width: 90%; border-left:#0094ce solid thin; border-right:#0094ce solid thin; border-top:#0094ce solid; border-bottom:#0094ce solid;}

.quest{ width: 80%;font-size: 1.05em; }
.oui  {width: 10%;}
img.oui  {align:centrer;}
.non  {width: 10%;}


/*  - référence */
li.ref1 {margin-top: 3em; font-size: 0.75em; margin-left: 3em; color: #0094ce; border-top: dotted 0.1em #0094ce;}

li.ref2 {font-size: 0.75em; margin-left: 8.30em; color: #0094ce;}

li.ref3 { margin-left: 3em; font-size: 0.75em; color: #0094ce; border-top: dotted 0.1em #0094ce;}

/* image */

.real{padding-left:15em;}

/*screenshot*/

#screenshot {position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}

li.site {padding-top:1em;}
.site a:link {color:#ff6B31;}
.site a:visited {color:#ff6B31;}
.site a:hover {color:#0094ce;text-decoration: underline;}
.site a:active {color:#0094ce;text-decoration: underline;}

/*table :: plan*/

#plan {margin-left:5em; width :60%; border-top:solid #0094ce 0.4em; border-left: dotted #0094ce 0.2em;}

p.plan {font-weight:bold; margin-left:2em;}

li.listpointplan {list-style-type: disc; margin-left:6.5em; margin-top:;  padding-left:0.75em; color: #0094ce; line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em;  font-family:Verdana, Arial, sans-serif;font-size: 100%; witdth: 95%}
a.listpointplan {margin-left:1em;}

a:link.listpointplan {color: #ff6B31;}
a:visited.listpointplan {color:#ff6B31;}
a:hover.listpointplan {color: #0094ce; text-decoration:underline;}
a:active.listpointplan {color: #0094ce; text-decoration:underline;}

/*image outils*/

img.outils  {padding-left:3em;}


/* tableau_outil*/

caption {width: 100%; margin-top: 3em; margin-left: 5em; letter-spacing : 0.2em; }
table { margin-left: 3em; margin-top: 1em; width: 550px; }
th {color : #fff; padding : 1em .7em 1em 1em; font-weight : bold; }
tbody td, tbody th { padding : .20em; }
td { padding : 0 10px; color : #0094ce; width:auto; }


.colon1 {width: 40%;}
.colon2 {width: 60%;}


/* tableau_bulles_sagesse*/

table.bulles_sage {border:5px double #0094ce; padding: 1em 1em 1em 1em; }


/*form_beaute */

 .sujet {width:100%;}
    #sujets {width:48%; font-size:100%; margin-left:16em; color:#0094ce; font-weight:bold;}

fieldset {border:none;}	
fieldset.beaute {padding-left:60px; border:3px solid #ffffff;}		
			
	#form_beaute legend {display:none; color:#ffffff;}	
	#form_beaute  p {margin:.5em 0;}	
	#form_beaute  label{display:block;}	
	#form_beaute input, #form_beaute textarea{color: #ffffff;	
		width:95%;
		background: url(../images/form/form_input.png) repeat-x;
		padding:0.25em; font-size:12px;}
	#form_beaute  textarea{
		height:125px;
		overflow:auto;}					
	#form_beaute  p.submit{
		clear:both;
		background: url(../images/form/form_bottom.png) no-repeat 0 100%;
		text-align:right;}	
	#form_beaute  button{margin-top:50px;
		width:165px;
		height:37px;
		line-height:37px;		
		border:none;
		background: url(../images/form/form_button.png) no-repeat 0 0;
		cursor:pointer;
		text-align:center; color: #FFFFFF; padding-bottom:0.75em; font-size:100%;}	
		
 		p.beaute { color:#ffffff; font-weight:bold;}
		
.ccab {display: none;}

table.bulles {margin-left:-20px;}

		
/*Mur celebrités*/

#celebrites {width:670px; height:665px; background-image:url(../images/celebrites/fleur.jpg);}

img.foto1  {position:relative; top:280px; left:300px;}
img.foto2  {position:relative; top:275px; left:300px;}
img.foto3  {position:relative; top:280px; left:305px;}
img.foto4  {position:relative; top:275px; left:-35px;}
img.foto5  {position:relative; top:280px; left:-210px;}
img.foto6  {position:relative; top:200px; left:-250px;}
img.foto7  {position:relative; top:200px; left:-250px;}
img.foto8  {position:relative; top:120px; left:-360px;}
img.foto9  {position:relative; top:110px; left:350px;}
img.foto10 {position:relative; top:120px; left:360px;}
img.foto11 {position:relative; top:30px; left:150px}
img.foto12 {position:relative; top:40px; left:160px}
img.foto13 {position:relative; top:275px; left:100px}
img.foto14 {position:relative; top:270px; left:-80px}
img.foto15 {position:relative; top:355px; left:-130px}
img.foto16 {position:relative; top:265px; left:-335px}
img.foto17 {position:relative; top:275px; left:290px}
img.foto18 {position:relative; top:250px; left:125px}
img.foto19 {position:relative; top:180px; left:-10px}

img.photoa {float:left;margin-top:-15px; margin-left:-25px;}