/* CSS Document */
*{
	margin:0;
	padding:0;
}
/*------------------reset css par Eric Meyer---------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/*blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/

img{
	border:none;
}
/*html{ background:url(images/960_grid_12_col.png) repeat-y center;}*/

body{
	font-family:Georgia, "Times New Roman", Times, serif;
   	font-size:100%;
	word-spacing:normal;
	/*background-color:#fdfcfa;*/
	/*background-color:#fefcf7;*/
    }
#main{
    width:940px;
	margin:auto;
    }


/*---------- top / haut de page ----------*/ 										      
#bienvenue{
    width:940px;
	height:30px;
	/*margin:0px auto;*/
	border:dotted 1px #434545;
	background:#fff;
}
#bienvenue h1{
    float:left;
	font:1em Geneva, Arial, Helvetica, sans-serif;
	color:#27b7fa;
	margin:5px 0 0 5px;
}
/*#bienvenue h1 span{
	color:#999999;
}*/
/*#bienvenue img{
	float: left;
	margin:-22px 0 0 310px;
}*/
#miniplay{
	float: right;
	/*margin: -20px 0 0 880px;*/
	margin-top:-20px;
}
#google_translate_element{
margin-left:328px;
margin-top:3px;

width:197px;
}

/*----------header / entete----------*/										
#header{
float:left;
position:relative;
	width:940px;
	height:260px;
	/*background:url(images/header_facet_2.jpg) no-repeat;*/
	/*border-right:outset 10px #CCCC66;*/
	/*border-left:outset 10px #CCCC33;*/
	margin:5px 0 0 0;
	/*z-index:2;*/
}
#header h2{
	background: transparent url(images/logo_ytd.png) no-repeat scroll 0 0;
	float:left;
	width:300px;
	height: 130px;
	/*position: absolute;*/
	/*margin:30px 0 0 280px;*/
	margin-top:40px;
}
#header h2 span{
 	visibility:hidden;
}
#header img{
	/*position:absolute;*/
	float:right;
	
	/*position:relative;*/
	margin-top:20px;
	margin-right:-15px;
	/*opacity: .25;	*/
}


/*----------navigation / menu----------*/
#menu{
		width:540px;
		height:30px;
		/*clear:both;*/
		float:left;
	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				display:inline;
				margin:0 30px 0 0;
			}
				#menu li a{
				border-bottom:3px solid #b5b4b4;
					color:#333333;
					display:inline-block;
					font:Georgia, "Times New Roman", Times, serif;
					font-size:0.7em;
					font-weight:bold;
					
					text-decoration:none;
					
					cursor:pointer;
					padding:0 0 1px 0;
				}
					#menu li a:hover{
						border-bottom:3px double #27b7fa;
						color:#27b7fa;
						text-decoration:none;
					}
				#menu li a.current{
					border-bottom:3px double #27b7fa;
					color:#27b7fa;
					font:Georgia, "Times New Roman", Times, serif;
					font-size:0.7em;
					font-weight:bold;
					text-decoration:none;
			
				}
				


/*.kwickswrap{
    width: 600px;
	margin:10px 0 0 45px;
	}

.kwicks {
	list-style: none;
	position: absolute;
    padding: 0;
	width:650px;
	height:40px;
	z-index:2;
	
}
.kwicks li{
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 110px;
	height: 40px;
	z-index: 2;
	cursor:pointer;
}
.kwicks li a{
	height: 40px;
	text-indent:-9999px;
	outline:none;
	display:block;
	background-image:url(images/nav-3.jpg);
	background-repeat:no-repeat;
	z-index: 2;
	cursor:pointer;
    border-top:dotted 1px #b6ba1f;
	
	}
	.kwicks li a:hover{
	border-top:dotted 1px #d4d6d7;
	}
#kwick1 a{
	background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv{
	background-position:0px -40px!important;
}
#kwick2 a{
	background-position:-150px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-150px -40px!important;
}
#kwick3 a{
	background-position:-300px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-300px -40px!important;
}
#kwick4 a{
	background-position:-450px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
	background-position:-450px -40px!important;
}
#kwick5 a{
	background-position:-600px 0px;
} 
#kwick5 a:hover, #kwick5 #aktiv{
	background-position:-600px -40px!important;
}*/
/*----------contenu principal / main content----------*/ 
#about{
	position:relative;
	float:left;
	/*clear:both;*/
	width:600px;
	border:1px solid #cae9f8;
	/*background:#fdfcfa;*/
	background:#fff;
	/*border-top:double 5px #dfdfdf;*/
	margin-top:20px;
	/*left:80px;*/
	
	
}

#about p{
	font:normal .75em Georgia, "Times New Roman", Times, serif;
	color:#999999;
	line-height: 1.6;
	width:580px;
	text-align:justify;
	word-spacing:.10em;
	padding:10px 10px 10px 10px;
	
 }
 



/*----------contenu_droit_top----------*/
#contenu_droit_top{
	float:right;
	margin: 10px 0 0 0;
	/*border:1px solid #cae9f8;*/
	
	/*border-top:double 5px #dfdfdf;*/
	/*position:relative;*/
	/*z-index:2;*/
	width:298px;
	/*height:460px;*/
	/*background:#fff;*/
	/*left:50px;*/
	/*top:-12px;*/
	/*background:url(images/backg_contact_10.jpg) no-repeat;*/
}
#contenu_droit_top h2{
color:#CBBB9D;
font-size:0.75em;
margin-top:5px;
margin-left:83px;
 }

#contenu_droit_top img.decor{
 margin-left:40px;
 width:218px;
 height:12px;
 }
#contenu_droit{
float:right;
margin: 20px 0 0 0;
border:1px solid #cae9f8;
width:298px;
height:480px;
background:#fff;
}
#contenu_droit a img{
float:left;
width:260px;
height: 140px;
margin-left:18px;
margin-top:30px;
margin-bottom:10px;
border:3px double #cae9f8;
}
#contenu_droit a img:hover{
border:3px solid #cae9f8;
display:inline;
}
#contenu_droit p{
    color:#83D0F0;
	font-size:0.65em;
	text-align:center;
	margin-left:10px;
	line-height:1.2em;  
}
#contenu_droit ul{
margin-left:10px;
}
#contenu_droit li a{
/*width:200px;
height:50px;*/
font-size:1em;
color:#CBBB9D;
/*margin-top:10px;*/
}
#contenu_droit li{
font-size:0.7em;
color:#27b7fa;
text-align:center;
padding-top:5px;
}
#contenu_droit li a:hover{
color:#83D0F0;
}

/*#photo{
	position:relative;
	/*top:-23px;
	left:127px;
	width:107px;
	height:122px;
}*/


	/*border-bottom:dotted 1px #d4d6d7;*/

/*#test{
	float:left;
	margin-top:-80px;
	margin-left:130px;
	width:220px;
	height:200px;
	background-color:#333;
	border:solid 1px #333;
	}*/


/*------------contact-----------*/
#contact {
float:left;
	margin:76px 0 0 25px;
	line-height:1.5;
	width:140px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:.7em;
}
#contact ul li{color:#27b7fa;}


 .mail a:hover{
	text-decoration:none;
	color:#dfdfdf;
}
.cv a{
color:#CBBB9D;	
}
#contact .cv a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
.brush{
	position:absolute;
	z-index:1;
	left:950px;
	top:350px;
	}

.mail a{
	color:#CBBB9D;
}
#valid{
	position:relative;
	float:right;
	top:40px;
	left:-45px;
	/*background:url(images/banniere.png) no-repeat;*/
	width:244px;
	height:40px;
}
#valid img.xhtml{
	position:relative;
	top:18px;
	left:80px;
	opacity: .60;
}
#valid img.css{
	position:relative;
	top:18px;
	left:85px;
	opacity: .60;	
}
#valid a:hover img{
opacity:1.5;
}

/*----------chemin 1 (section webdesign)----------*/	
#breadcrumb_one{
	float:left;
	position:relative;
	width:300px;
	left:640px;
	top:-35px;
	font-size:.7em;
	/*border-bottom:dotted 2px #434545;*/
}
#breadcrumb_one a{
	color:#CBBB9D;
	border-bottom:3px solid #b5b4b4;
	cursor:pointer;
text-decoration:none;
}
#breadcrumb_one ul{
	list-style-type:none;
}
#breadcrumb_one li{
	display:inline;
	padding:0.2em;
	
}

#breadcrumb_one li a{
	/*display:inline;*/
	display:inline-block;
	padding:0.2em;
	
}
#breadcrumb_one li a:hover{
	border-bottom:3px double #83D0F0;
	color:#27b7fa;
	
}

/*-----------section webdesign----------*/
#webdesign{
	float:left;
	/*position:relative;*/
	width:940px;
	/*border-top:double 5px #dfdfdf;*/
	margin-bottom:190px;
}
#webdesign h4{
	color:#CBBB9D;
	/*text-decoration:none;*/
	/*width:600px;*/	
	font-size:0.9em;
	/*background-image:url(images/ico_web.png);
	background-repeat:no-repeat;
	background-position:left;*/
	margin-top:-5px;
	margin-left:180px;
	margin-bottom:1.5em;
	text-indent:25px;
}

/*-----------chemin 2 (print)-----------*/
#breadcrumb_two{
	/*float:left;*/
	position:relative;
	width:300px;
	left:640px;
	top:-35px;
	font-size:.7em;
	
}
#breadcrumb_two a{
	color:#CBBB9D;
	
	border-bottom:3px solid #b5b4b4;
	cursor:pointer;
    text-decoration:none;
}
#breadcrumb_two ul{
	list-style-type:none;
}

#breadcrumb_two li{
	display:inline;
	padding:0.2em;
	
}

#breadcrumb_two li a{
	display:inline-block;
	padding:0.2em;
	
}
#breadcrumb_two li a:hover{
	border-bottom:3px double #cae9f8;
	color:#27b7fa;
	text-decoration:none;
}
/*----------section print----------*/
#print{
	float:left;
	/*clear:both;*/
	/*position:relative;*/
	width:940px;
	/*border-top:double 5px #434545;*/
}
#print h5{
	/*background-image:url(images/ico_print.png);
	background-repeat:no-repeat;
	background-position:top left;*/
	color:#CBBB9D;
	font-size:0.9em;
	margin-top:-5px;
	margin-left:200px;
	margin-bottom:1.5em;
	text-indent:25px;
}
#simpleview{
float:left;
width:540px;
margin-left:-35px;
}
/*----------------------------------------------*/
#print_info{
	float:right;
	margin: 40px 0 0 0;
	border-top:double 5px #dfdfdf;
	width:300px;
	height:460px;
	background:#fdfcfa;
}
/*----------chemin 3 (photo&origami)----------*/
#breadcrumb_three{
	/*float:left;*/
	position:relative;
	width:300px;
	left:640px;
	top:-35px;
	font-size:.7em;
	
}
#breadcrumb_three a{
	color:#CBBB9D;
	color:#CBBB9D;
	border-bottom:3px solid #b5b4b4;
	cursor:pointer;
    text-decoration:none;
}
#breadcrumb_three ul{
	list-style-type:none;
}

#breadcrumb_three li{
	display:inline;
	padding:0.2em;
	
}

#breadcrumb_three li a{
	display:inline-block;
	padding:0.2em;
	
}
#breadcrumb_three li a:hover{
	border-bottom:3px double #cae9f8;
	color:#83D0F0;
	text-decoration:none;
}
/*----------section contactez moi----------*/
#contactez_moi{
	float:left;
	position:relative;
	width:950px;
	/*border-top:double 5px #434545;*/

	
}
#contactez_moi h6{
	color:#CBBB9D;
	/*text-decoration:none;*/
	/*width:600px;*/	
	font-size:0.9em;
	/*background-image:url(images/ico_web.png);
	background-repeat:no-repeat;
	background-position:left;*/
	margin-top:-5px;
	margin-left:190px;
	margin-bottom:1.5em;
	text-indent:25px;
}
/*#photos_origami blockquote p{
	margin-top:20px;
	width:620px;
	font-size:1.0em;
	margin-left:35px;
}*/

/*--------------CONTACT FORM-------------------------*/
#contentForm {
	  float:left;
	  display: block;
	  width: 385px;
	  margin-top: 10px;
	  margin-left:85px;
	  padding: 25px;
	  /*border: 1px solid #033e71;*/
	  
}
#contentForm a{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #27b7fa;
}

#contentForm p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #27b7fa;
	line-height: 22px;
}
#contentForm p span{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FF0033;
	line-height: 22px;
}
.envoi{
	border: none;
	background-color:#fefcf7;
	text-decoration:overline;
	color:#27b7fa;
	padding: 0;
	margin: 0;
	width: 5em;
}
.envoi:hover{
	color:#CCCCCC;
}
#contact_info{
	float:right;
	margin-top:170px;
	margin-right:40px;
	width:330px;
	height:200px;
	/*background-color:#fff;*/
}
#contact_info img{
margin-left:10px;
}
/*-----------pied de page / footer----------------------*/
#footer{
	float:left;
	position:relative;
	z-index:2;
	width:950px;
	height:250px;
	top:15px;
	background-color : #fff;
	border-top:double 5px #83D0F0;
}
#contact_bis{
	margin: 25px 0 0 -4px;
	line-height:1.5;
	width: 200px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	border-right:solid 1px #dfdfdf;
	text-align:right;
	padding-right:20px;
}
#footer ul.adress{
	margin: -18px 0 0 260px;
	line-height:1.5;
	width: 200px;
	font-size:.7em;
	
	/*border-right:solid 1px #434545;
	text-align:right;
	padding-right:20px;*/
	}
a[rel="self"] { 
	/*display : block; */
	float:right;

	margin-top :18px; 
	margin-right : 30px; 
	width : 185px;
	height : 80px;
	background :url(images/logo_ytd_2.png) no-repeat 0 0; 
	text-indent : -9999px; 
	/*opacity : .40; */
	}
	
a[rel="self"]:hover { 
	/*opacity : 1; */}

 .green a{
color:#B6BA1F;
}
/*----------selecteur de classe----------*/									
.brown{
	color:#CBBB9D;
}
.gris{
 	color:#ABABAB;
}
.blue{
   	/*color:#cae9f8;*/
	color:#27b7fa;
}
.copyright{
	color:#27b7fa;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*background-image:url(images/bird.png);
	background-repeat:no-repeat;
	background-position:left center;*/
	/*padding-left:-60px;*/
	margin-left:120px;
	width:200px;
}
.title{
color:#27b7fa;	
font:bold italic 1.4em Georgia, "Times New Roman", Times, serif;
/*background-color : rgba(0,0,0,.1);*/
}

.sepa{
margin-left:75px;
margin-top:20px;
}


/*#test{ -moz-border-radius : 5px; -webkit-border-radius : 5px; }*/