@charset "utf-8";
/* CSS Document */
		  /**
    * Eric Meyer's Reset CSS v2.0 (https://meyerweb.com/eric/tools/css/reset/)
    * https://www.cssportal.com
    */
    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, 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,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
   /* margin: 0;
    padding: 0;*/
    border: 0;
    font-size: 100%;
    font: inherit;
    text-decoration: none;    
   /* vertical-align: baseline;*/
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
     text-decoration: none;   
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		#page-wrap { position: relative; width: 900px; margin: 0px auto 50px auto; padding-top:280px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #ddf1fc;text-decoration: none; }
		/*p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }*/
.rouge{color: #cd1d00;}
.blanc{color: #FFFFFF;}
.vert{color: #5fc600;}
.noir{color: #000;}
.gris{color:#666;}
.bleu{color:#00a8ff;}
.t10{font-size:10px }
.t12{font-size:12px }
.t14{font-size:14px }
.t16{font-size:16px }
.t18{font-size:18px }
    p {
    padding: 2px;
}
em {
}
.italique {font-style: italic;}
.upper{text-transform: uppercase;}
.cursor{cursor: pointer}
.botom{margin-bottom: 5px}
.radius20{	-webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px; 
    -ms-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px; }
.radius10{	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px; 
    -ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; }

.ombre {text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black}
.imgRotate {transform: rotate(-90deg);}
    #sidef{
    width: 900px;
    height:auto;     
    float: left;    
    position: relative;    
    }
    #sideg{
    width: 600px;
    height:auto;     
    float: left;    
        
    }
        #sided{
    width: 280px;
    height:auto;     
    float: right;    
        
    }
		#bloc-fixe { 
			position:fixed;
			right:0px;
			left:0px;
			top:0px;
			height:280px;
            z-index: 2;
		}
 
 		#nav { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:270px;
            z-index: 2;
            margin: auto;
            background: url("img/banniere.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		}

#monlogo  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;        
  -o-transition:-o-transform .6s;            
  -ms-transition:-ms-transform .6s;         
  transition:transform .6s;
}
 
#monlogo  img:hover{
   cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}
#monlogo1  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;        
  -o-transition:-o-transform .6s;           
  -ms-transition:-ms-transform .6s;          
  transition:transform .6s;
}
 
#monlogo1  img:hover{
    cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
   
}
#monlogo2  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;        
  -o-transition:-o-transform .6s;           
  -ms-transition:-ms-transform .6s;          
  transition:transform .6s;
}
 
#monlogo2  img:hover{
    cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
} 
#monlogo3  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;       
  -o-transition:-o-transform .6s;            
  -ms-transition:-ms-transform .6s;          
  transition:transform .6s;
}
 
#monlogo3  img:hover{
    cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}
    #monlogo4  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;        
  -o-transition:-o-transform .6s;            
  -ms-transition:-ms-transform .6s;          
  transition:transform .6s;
}
 
#monlogo4  img:hover{
    cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}
    #monlogo5  img{
     cursor: pointer;
  -webkit-transition:-webkit-transform .6s;  
  -moz-transition:-moz-transform .6s;        
  -o-transition:-o-transform .6s;            
  -ms-transition:-ms-transform .6s;         
  transition:transform .6s;
}
 
#monlogo5  img:hover{
    cursor: pointer;
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}

     		#logo {
	width: 258px;
	height: 120px;
	position: absolute;
	top: 26px;
	left: 62px;
		}
     		#logoDavid {
	width: 258px;
	height: 59px;
	position: absolute;
	top: 114px;
	left: 596px;
		}
         		#reseaux {
	width: 350px;
	height: 54px;
	margin-top: 5px;
	position: absolute;
	top: 14px;
	right: 30px;
		}
#onglets {
	width: 902px;
	height: 115px;
	margin-top: 0px;
	position: absolute;
	top: 158px;
	right: 25px;	/*background: url("img/panneau1.png");
	background-repeat: no-repeat;*/
}
#espace1 {
	float: left;
	width: 10px;
	height: 270px;
 
}




#titres0{
	width: 580px;
	height: 30px;
	z-index: 20008;
    background-color: #275c8e; 
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 7px;
	padding-left: 10px;
	margin-left: 0px;
}

/**** ROSE ****/
#sub_titres {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres{
	width: 580px;
	height: 30px;
	z-index: 20008;
	/*background-color: #275c8e;*/
    background-color: #ff59f9;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 7px;
	padding-left: 10px;
	margin-left: 0px;
}

/**** ORANGE ****/
#sub_titres1 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres1{
	width: 580px;
	height: 28px;
	z-index: 20008;
	/*background-color: #275c8e;*//*bleu*/
    background-color: rgb(249,140,2);
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
    text-align: center;
}
#cont1 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 0px;
background-color: rgb(249,140,2);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujet1{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #FEB154;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-ms-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
	}
#sugestion1 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(249,140,2);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion1{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #FEB154;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
	} 
#sugestionvoir1 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(249,140,2);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir1{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #FEB154;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes1 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(249,140,2);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes1{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #FEB154;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}


/**** VERT CLAIRE ****/
#sub_titres2 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres2{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: rgb(196,209,3);
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top:9px;
	padding-left: 10px;
	margin-left: 0px;
       
}
#cont2 {
	float: right;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: rgb(196,209,3);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}

#sujet2{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #97a103;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-ms-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion2 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(196,209,3);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion2{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #97a103;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
} 
#sugestionvoir2 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(196,209,3);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir2{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #97a103;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes2 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(196,209,3);
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes2{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #97a103;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** ROUGE ****/
#sub_titres3 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres3{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #FF0004;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
     
}
#cont3 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 0px;
	background-color: #FF0004;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujet3{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #F75F61 ;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion3 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FF0004;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion3{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #F75F61 ;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir3 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FF0004;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir3{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #F75F61 ;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes3 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FF0004;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes3{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #F75F61 ;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** MARRON ****/
#sub_titres4 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres4{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #957c54;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
     
}
#cont4 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 5px;
	margin-left: 10px;
	background-color: #957c54;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet4{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #d9a273;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
     text-align: center;
}
#sugestion4 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #957c54;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion4{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #d9a273;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir4 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #957c54;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir4{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #d9a273;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes4 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #957c54;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes4{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #d9a273;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** VERT ****/
#sub_titres5 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres5{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #789d74;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
      
}
#cont5 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 0px;
	background-color:#789d74;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet5{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #9acb9c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion5 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #789d74;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion5{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #9acb9c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir5 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #789d74;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir5{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #9acb9c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes5 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #789d74;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes5{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #9acb9c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** MAUVE ****/
#sub_titres6 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres6{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #93C;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
      
}
#cont6 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #93C;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet6{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #AE5BD7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion6 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #93C;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion6{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #AE5BD7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir6 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #93C;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir6{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #AE5BD7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes6 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #93C;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes6{
	width:560px;
	height: 30px;
	z-index: 20008;
		background-color: #AE5BD7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** JAUNE ****/
#sub_titres7 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres7{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #fec10c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top:9px;
	padding-left: 10px;
	margin-left: 0px;
      
}
#cont7 {
	float: left;
	width: 890px;
	height: 200px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 0px;
	background-color: #fec10c;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet7{
	width: 880px;
	height: 30px;
	z-index: 20008;
	background-color: #ffd24c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
    text-align: center;
}
#sugestion7 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fec10c;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion7{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ffd24c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir7 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fec10c;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir7{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #ffd24c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes7 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fec10c;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes7{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ffd24c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** vert clair ****/
#sub_titres8{
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres8{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color:#669a50;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
     
}
 #cont8 {
	float: left;
	width: 890px;
	height: 200px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #0bd87b;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet8{
	width: 880px;
	height: 30px;
	z-index: 20008;
	background-color: #30ed97;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
    text-align: center;
} 
#sugestion8 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #2f8c07;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion8{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #30ed97;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir8 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
		background-color: #2f8c07; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir8{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #30ed97;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes8 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #2f8c07; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes8{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #30ed97;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
} 

/**** ROUGE PAL ****/
#sub_titres9 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres9{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #de6f65;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
    
}
#cont9 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #de6f65;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet9{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #ff9389;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
	}
#sugestion9 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #de6f65;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion9{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ff9389;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir9 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #de6f65; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir9{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #ff9389;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes9 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #de6f65; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes9{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ff9389;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** BLEU NUIT ****/
#sub_titres10 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres10{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #766abb;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
     
}
#cont10 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #766abb;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet10{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #9e8cff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion10 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #766abb;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion10{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #9e8cff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir10 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #766abb;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir10{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #9e8cff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes10 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #766abb; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes10{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #9e8cff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** BLANC ****/
#sub_titres11 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres11{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #fff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
      
}
#cont11 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #fff;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet11{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #eee;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion11 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fff;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion11{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #eee;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir11 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #fff;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir11{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #eee;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes11 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fff; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes11{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #eee;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** OCRE ****/
#sub_titres12 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres12{
	width: 580px;
	height: 28px;
	z-index: 20008;
	background-color: #be5c01;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
   
}
#cont12 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #be5c01;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet12{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #d77922;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion12 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #be5c01;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion12{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #d77922;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir12 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #be5c01;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir12{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #d77922;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes12 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #be5c01; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes12{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #d77922;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** VIOLET ****/
#sub_titres13 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres13{
	width: 580px;
	height: 28px;
	z-index: 20008;
	/*background-color: #703a9d;*/
    background-color: #c53dfd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
    
}
#cont13 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #703a9d;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet13{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #c53dfd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion13 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #703a9d;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion13{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #c53dfd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir13 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #703a9d;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir13{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #c53dfd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes13 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #703a9d; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes13{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #c53dfd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}


/**** BLEU MARINE****/
#sub_titres14 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres14{
	width: 580px;
	height: 28px;
	z-index: 20008;
	/*background-color: #703a9d;*/
    background-color: #4588c7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
    
}
#cont14 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #275c8e;
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet14{
	width: 260px;
	height: 30px;
	z-index: 20008;
	background-color: #4588c7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion14 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #275c8e;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion14{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #4588c7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir14 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
background-color: #275c8e;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir14{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #4588c7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes14 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #275c8e; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes14{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #4588c7;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

/**** BLEU MARINE****/
#sub_titres15 {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
}
#titres15{
	width: 580px;
	height: 28px;
	z-index: 20008;

	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 10px;
	margin-left: 0px;
    
}
#cont15 {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	
	-webkit-border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-ms-border-radius: 22px 22px 22px 22px;
	border-radius: 22px 22px 22px 22px;
}
#sujet15{
	width: 260px;
	height: 30px;
	z-index: 20008;
	
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 0px;
    text-align: center;
}
#sugestion15 {
	float: left;
	width: 880px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion15{
	width:560px;
	height: 30px;
	z-index: 20008;
	
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#sugestionvoir15 {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;

-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir15{
	width:560px;
	height: 45px;
	z-index: 20008;
	
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
#textes15 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes15{
	width:560px;
	height: 30px;
	z-index: 20008;
	
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}






/**** BLEU ****/
#sub_titresd {
	width: 280px;
	height: 40px;
	margin-bottom: 10px;
    text-align: center;
}
 #sujetsd{
	width:280px;
	height: 28px;
	z-index: 20008;
	background-color: #275c8e;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 9px;
	padding-left: 0px;
	margin-left: 0px;
	}

/**** LIT DE VIN ****/
#sub_titresc {
	width: 600px;
	height: 40px;
	margin-bottom: 10px;
    background-color: #d1084a; 
 	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;  
    padding-top: 7px;
	padding-left: 10px;
	margin-left: 0px;    
}
#sujetsc{
	width:280px;
	height: 30px;
	z-index: 20008;
	background-color: #ff3779;
}

#sub_content {
	width: 600px;
	height: auto;
	margin-bottom: 20px;
        display: block;
}

#propos {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #2aa9e1;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#proposDavid {
	float: left;
	width: 260px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #2aa9e1;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujetpropos{
	width: 250px;
	height: 30px;
	z-index: 20008;
	background-color: #82d9ff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
} 
#sep {
	float: left;
	width: 10px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;  
}
#sep3 {
	float: left;
	width: 5px;
	height: 100px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;  
}
#sepi {
	float: left;
	width:10px;
	height: 100px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;  
}
#vues{
	width: 250px;
	height: 30px;
	z-index: 20008;
	background-color: #82d9ff;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
    margin-bottom: 0px;
	}

/**** ROSE ****/
#sugestion {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ff59f9;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;       
}
#sujetsugestion{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ff85fb;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
	} 

#sugestionvoir {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ff59f9;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voir{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #ff85fb;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
	}

/*******************************/ 

#sugestionvoircomptines {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #de6f65;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voircomptines{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #ff9389;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
/*********************************/
#sugestionvoirberceuse {
	float: left;
	width: 570px;
	height: auto;
	padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;
    padding-right: 10px;    
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fec10c;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#voirberceuse{
	width:560px;
	height: 45px;
	z-index: 20008;
	background-color: #facb40;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 3px;
	padding-left: 10px;
}
/***************************************************/
#partition {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fff;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#textes {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fff;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #eee;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
} 
#textes0 {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ff59f9;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextes0{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ff85fb;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}


#textesbleu {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #275c8e; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettextesbleu{
	width:560px;
	height: 30px;
	z-index: 20008;
		background-color: #448bcd;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}



#comptines {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #c13663;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#comptinestextes{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ff3779;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

#berceuses {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fec10c;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#berceusestextes{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #ffd24c;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

#albums {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #669a50;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#albumstextes{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #057643;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

#texteshistoire {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #4757b8; 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#sujettexteshistoire{
	width:560px;
	height: 30px;
	z-index: 20008;
		background-color: #2a3683;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}

#apprendre {
	float: left;
	width: 570px;
	height: auto;
	padding: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #c53dfd;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
#apprendretextes{
	width:560px;
	height: 30px;
	z-index: 20008;
	background-color: #703a9d;
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;
	padding-top: 10px;
	padding-left: 10px;
}



.imgcenter {display: block;margin-left: auto; margin-right: auto; }
.marge1{padding: 5px;}
.marge10{padding: 10px;}
 .marge2{
	text-align: right;
	padding-left: 87%;
	padding-top: 5px;
}  
.marge3{
	text-align: right;
	padding-left: 93%;
	padding-top: 5px;
}
.marge4{
	text-align: right;
	padding-left: 95%;
	padding-top: 5px;
} 
div.clear{clear:both;width: 100%; height: 10px;}
div.clear5{clear:both;width: 100%; height: 5px;}
div.clear0{clear:both;width: 100%; height: 0px;}



#dessins{
	width:590px;
	height: auto;
	 position: relative;
	}

#contour{
	width:590px;
	height: 425px;
	 position: relative;
	}
#partage{
	width: 203px;
	height: 33px;
	position: absolute;
	top: 383px;
	left: 2px;
}
/************* bouton partager***********************/
.heig{ vertical-align: 4px;}

 .resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.2em 0.4em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  border-color: #fff;  
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  /*vertical-align: top*/
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}



.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #fff;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #fff;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
/****************************************/

#contimage{position: relative;margin-bottom:3px; }
#contdes{position: relative;margin-bottom:3px;with:180px;height: 135px } 
#etiquette{
	position: absolute;
	width: 120px;
	height: 32px;
	top: 90px;
	left: 30px;
}
#etiquettedes{
	position: absolute;
	width: 175px;
	height: 32px;
	top: 157px;
	left: 7px;
	z-index: 1000;
	text-align: center;
}
#affiche{width:190px; height: 30px;margin-top: 3px; }
#affiche2{width:190px; height: 30px;margin-top: 0px; }
#affiche3{width:565; height: 30px;margin-top: 3px; }
/******************* rechercher *********************/
/* Fond du gadget de la barre de recherche */
.recherche_p {
  background-color: #82d9ff;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #82d9ff;   /* Couleur de la bordure  */
  padding: 10px 10px 10px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-ms-border-radius: 18px 18px 18px 18px;
	border-radius: 18px 18px 18px 18px;  
}

/* Champ de saisie */
#searchthis #search {
  background-color: #ffffff;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: Lato;   /* Police du texte */
  font-size: 12px;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 1px;   /* Espacement des caractères */
}

/* Bouton valider */
#searchthis #search-btn {
  background-color: #448bcd;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #448bcd;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: 'Istok Web', sans-serif;   /* Police du texte */
  font-size: 18px;   /* Taille de la police du texte */
  font-weight: bold;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 2px;   /* Espacement des caractères */
  margin: 10px 0 0 0;   /* Espace autour du bouton : haut droite bas gauche  */
   /*text-transform: uppercase;   Transforme le texte en majuscules */
  color: #ffffff;   /* Couleur du texte */
}

/* Bouton valider quand survolé par la souris */
#searchthis #search-btn:hover {
  background-color: #ffffff;   /* Couleur de fond */
  color: #448bcd;   /* Couleur du texte */
  cursor: pointer;   /* Apparence du curseur comme pour un lien */
}

/************ COMMENTAIRES ************/
#com1{
padding: 15px;    
border-color:#ccc; 
border-style:solid; 
border-width:1px; 
border-radius:2px;    
width: 530px;
height: auto;
margin-bottom: 20px;    
font-family: 'Istok Web', sans-serif;
font-size:15px;    
}

.subleu{
	width: 255px;
	padding: 10px;
	font-size: 14px;
	border-radius: 2px;
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
	cursor:pointer;
	margin-left:0px;
    text-transform: uppercase;
	}

/*******************************************************/
#david-marine { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion-actus-concerts.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		}   	


#david-ocre { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion-photo.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		} 	

#david-vert { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion-bio.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		} 

#david-jaune { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion-videos.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		}
		#david-mauve { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion-musiques.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		}
 		#david { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:390px;
            z-index: 2;
            margin: auto;
            background: url("img/david-lion.jpg");
            background-repeat: no-repeat;
           /* background-color: #fff;*/
            position: relative;
		}

		#bloc-fixe-david { 
			position:fixed;
			right:0px;
			left:0px;
			top:0px;
			height:390px;
            z-index: 2;
		}

#onglets-david {
	width: 902px;
	height: 115px;
	margin-top: 0px;
	position: absolute;
	top: 267px;
	right: 25px;	/*background: url("img/panneau1.png");
	background-repeat: no-repeat;*/
}
#page-wrap-david { position: relative; width: 900px; margin: 0px auto 50px auto; padding-top:390px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px; background-color: #c1e8fe;text-decoration: none; }

/*** accueil****/
 		#david-hugo { 
           padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            width: 920px;
			height:800px;
            z-index: 2;
            margin: auto;
 
           background-color: #ddf1fc;
            position: relative;
		}

		#bloc-fixe-david-hugo { 
			position:fixed;
			right:0px;
			left:0px;
			top:0px;
			height:800px;
            z-index: 2;
            background-color: #ddf1fc;
		}

#onglets-david-hugo {
	width: 902px;
	height: 115px;
	margin-top: 0px;
	position: absolute;
	top: 267px;
	right: 25px;
    background-color: #ddf1fc;
}
#accueil {
    width: 960px;
	height: 800px;
  
}
#acc  {
    width: 960px;
	height: 400px;
  
}
#page-wrap-david-hugo { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #adeeff; 
text-decoration: none;         
}
#page-wrap-david-vert { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 0px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #82fea8; 
text-decoration: none;         
}

#page-wrap-david-marine { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 0px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #7898fd; 
text-decoration: none;         
}

#page-wrap-david-mauve { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 5px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #e9a7ff; 
text-decoration: none;         
}

#page-wrap-david-ocre { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 0px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #ff9cbb; 
text-decoration: none;         
}

#page-wrap-david-jaune { position: relative; width: 960px; margin: 0px auto 0px auto; padding-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 0px;  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;background-color: #ffe083; 
text-decoration: none;         
}

 #sideg-david{
    width:960px;
    height:auto;     
    float: left;    
     background-color: #adeeff;   
    }

/*********************************/
.sepp{width: 350px;height:10px } 
.bgvert {
    position: relative;
	width: 452px;
	height: 577px;
    margin-left: auto;
    margin-right: auto; 
 
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-ms-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
}
.bgred {
    position: relative;
	width: 455px;
	height: 285px; 
 padding-top:0px;
        margin-left: auto;
    margin-right: auto;
}

.bt-video{
	position: absolute;
	width: 178px;
	height: 30px;
	left: 484px;
	top: 101px;
	z-index: 2;
}
.bt-concerts{
	position: absolute;
	width: 178px;
	height: 30px;
	left: -4px;
	top: 625px;
	z-index: 2;
}
.bt-phot {
	position: absolute;
	width: 178px;
	height: 30px;
	left: 484px;
	top: 631px;
	z-index: 2;
}
.bt-bio {
	position: absolute;
	width: 120px;
	height: 30px;
	left: 353px;
	top: 486px;
	z-index: 2;
}
.bt-music {
	position: absolute;
	width: 178px;
	height: 30px;
	left: 791px;
	top: 376px;
	z-index: 2;
}
#photos {
    position: relative;
	width:960px;
	height: 900px; 
 
}
.cropper {
overflow:hidden;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}