@charset "utf-8";
/* CSS Document */
body, html{
	width:100%;
	height:100%;
}
body{
	background-image:url(../images/background_color.gif);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 auto;
	color:#FFFFFF;
}
#header{
	background-image:url(../images/header_yann_rolland_site_web.gif);
	background-repeat:repeat-x;
	width:100%;
	min-width:1000px;
	height:120px;
	margin:0 auto;
}
#content_header{
	width:1000px;
	height:120px;
	margin:0 auto;
}
#content_header a{
	float:left;
}
#logo{
	background-image:url(../images/logo_rolland_yann.png) !important; 
	background-image:url(no-image);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo_rolland_yann.png');
	height:55px;
	width:321px;
	position:relative;
	top:32px;
	left:30px;
	float:left;
}
#boy{
	background-image:url(../images/rolland_yann_freelance.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/rolland_yann_freelance.png');	
	height:137px;
	left:415px;
	position:relative;	
	float:left;
	width:249px;
	margin-bottom:-17px;
}
#menu{
	width:100%;
	min-width:1000px;
	height:50px;
	background-color:#99c9da;
	font-family:Verdana, Helvetica, sans-serif;
	clear:both;
}
#chargement{
	
}
#navigation{
	left:-20px;
	margin:0 auto;
	position:relative;
	top:15px;
	width:900px;
}
#navigation a{
	margin-right:15px;	
}
#navigation a, #navigation a:link, #navigation a:visited{
	color:#fff;	
	text-decoration:none;
}

#navigation a:hover{
	color:#007097;
	text-decoration:none;
	
}
#navigation a.clic, #navigation a.clic:link, #navigation a.clic:visited{
	color:#007097;
	text-decoration:none;
	font-weight:bold;
}

#page{
	width:100%;
	min-width:1000px;
	background-image:url(../images/background_yann_rolland_multimedia.gif);
	background-repeat:repeat-x;
	margin:0 auto;
	padding-top:20px;
}
#content_page{
	width:940px;
	margin:0 auto;
	
}
h1{
	margin:0;
}
p{
	margin:0;
}

.block_top{
	float:left;
}
.block_left{
	float:left;
	margin-right:20px;
}
.block_right{
	float:left;
}
/*ACCUEIL*/
.img_acc a img{
	text-decoration:none;
	border:none;
	margin-left:90px;
	margin-top:10px;
}
.text_last_pro{
	text-align:right;
	font-size:11px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:2px;
}
.text_last_pro a, .text_last_pro a:link, .text_last_pro a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.text_last_pro a:hover{
	color:#FFCA50;
	text-decoration:none;
}
.title_1{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	width:370px;
}
.text_1{
	font-family:Georgia, "Times New Roman", Times, serif;
	width:357px;
	text-align:justify;
}
#mini_moi{
	/*background-image:url(../images/mini_yann_rolland.png);*/
	background-image:url(../images/mini_yann_rolland.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mini_yann_rolland.png');
	background-repeat:no-repeat;
	bottom:27px;
	height:84px;
	left:400px;
	position:relative;
	width:28px;
}
#footer{
	margin-top:15px;
	padding-bottom:10px;
}
#navigation_footer{
	font-size:11px;
	text-align:center;
}
#copyright{
	color:#007098;
	font-size:11px;
	text-align:center;
}
#navigation_footer a, #navigation_footer a:link, #navigation_footer a:visited{
	color:#99c7d7;
	text-decoration:none;
	margin-right:10px;
}
#navigation_footer a:hover{
	color:#007098;
	text-decoration:none;
}
/*REALISATIONS*/
.block_pro{
	float:left;
	margin-bottom:40px;
}
#sous_menu{
	padding:0 0 20px;
}
#sous_menu a, #sous_menu a:link, #sous_menu a:visited{
	margin-right:20px;
	color:#fff;
	text-decoration:none;	
}
#sous_menu a:hover{
	color:#ffca50;
	text-decoration:none;
}
#sous_menu a.clic2, #sous_menu a.clic2:link, #sous_menu a.clic2:visited{
	color:#ffca50;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/ico_type_real.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
.img_projet{
	margin-right:45px;
}
.img_projet_2{
	margin-left:45px;
}
.description{
	width:370px;
	color:#caf0fb;
}
.description h1{
	color:#21c4ff;
}
.description p{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:15px 0;
}
.description ul, .description li{
	font-family:Georgia, "Times New Roman", Times, serif;	
}
.bold{
	font-weight:bold;
	color: #80dfff;
}
.btn_plus{
	background-image:url(../images/btn_yann_rolland_multimedia.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
}
.btn_plus_2{
	background-image:url(../images/btn_yann_rolland_multimedia.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
	left:307px;
	margin:15px 0 10px;
	position:relative;
}
.btn_plus_3{
	background-image: url(../images/btn_yann_rolland_site_internet.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
	left:307px;
	margin:15px 0 10px;
	position:relative;
	text-align:right;
}
.btn_plus_4{
	background-image: url(../images/btn_yann_rolland_retour.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
	left:307px;
	position:relative;
	text-align:right;
}
.btn_plus_5{
	background-image: url(../images/btn_yann_rolland_identite_visuelle.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
	margin:15px 0 10px;
	left:307px;
	position:relative;
	text-align:right;
}
.btn_plus_6{
	background-image: url(../images/background_yann_rolland_video.gif);
	background-repeat:no-repeat;
	width:140px;
	height:25px;
	font-size:12px;
	left:307px;
	position:relative;
	text-align:right;
}
.btn_plus a, .btn_plus a:link, .btn_plus a:visited,
.btn_plus_2 a, .btn_plus_2 a:link, .btn_plus_2 a:visited
{
	color:#666;
	text-decoration:none;
	position:relative;
	left:27px;
	top:5px;
}
.btn_plus_3 a, .btn_plus_3 a:link, .btn_plus_3 a:visited,
.btn_plus_4 a, .btn_plus_4 a:link, .btn_plus_4 a:visited,
.btn_plus_5 a, .btn_plus_5 a:link, .btn_plus_5 a:visited,
.btn_plus_6 a, .btn_plus_6 a:link, .btn_plus_6 a:visited
{
	color:#666;
	text-decoration:none;
	position:relative;
	right:30px;
	top:5px;
}
.btn_plus a:hover,
.btn_plus_2 a:hover
{
	color: #333;
	text-decoration:none;
}
.btn_plus_3 a:hover,
.btn_plus_4 a:hover,
.btn_plus_5 a:hover,
.btn_plus_6 a:hover
{
	color: #333;
	text-decoration:none;
}
/*PROFIL*/
.block_prof{
	float:left;
	margin-bottom:20px;
}
.block_prof .block_right{
	
}
.block_prof_2{
	float:left;
	margin-bottom:20px;
}
.block_prof_2 .block_right{
	left:50px;
	position:relative;
}
.text_2, .text_3{
	font-family:Georgia, "Times New Roman", Times, serif;
	width:320px;
	text-align:justify;
}
.text_3{
	line-height:20px;
}
.img_prof{
	margin-top:27px;
	margin-left:30px;
}
.star{
	color:#e7c249;
}
.title_2{
	margin-bottom:10px;
}
.title_2, .title_3, .skills{
	clear:both;
}
.title_3, .skills{
	margin-left:30px;
}
.title_2 h1{
	color:#1dc0f9;
	width:320px;
	text-align:justify;
	font-weight:normal;
}
.title_3 h1{
	color:#1dc0f9;
	width:410px;
	font-weight:normal;
	margin-bottom:20px;
}
.title_skills{
	background-image:url(../images/sous_titre_rolland_yann.jpg);
	background-repeat:no-repeat;
	width:490px;
	height:27px;
}
.title_skills h1{
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	padding-top:2px;
}
.level_on{
	/*background-image:url(../images/slot_rolland_yann_on.png);*/
	background-image:url(../images/slot_rolland_yann_on.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/slot_rolland_yann_on.png');
	background-repeat:no-repeat;
	width:15px;
	height:16px;
}
.level_off{
	/*background-image:url(../images/slot_rolland_yann_off.png);*/
	background-image:url(../images/slot_rolland_yann_off.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/slot_rolland_yann_off.png');
	background-repeat:no-repeat;
	width:15px;
	height:16px;
}
.lang_type{
	margin-right:25px;
}
.lang_type, .icone_lan, .level_on, .level_off, .icone_log, .logi_type, .logi_type_2, .logi_type_3{
	float:left;
}
.level_on, .level_off{
	position:relative;
	top:18px;
	margin-right:-2px;
}
.icone_log{
	position:relative;
	top:10px;
	margin-right:20px;
}
.logi_type, .logi_type_2, .logi_type_3{
margin-bottom:15px;
margin-right:20px;
}
.logi_type_2, .logi_type_3{
	margin-left:28px;
}
.speak{
	margin-top:25px;
	margin-left:30px;
}
/*CONTACT*/
.validation-advice{

}
#formulaire input{
	width:95%;
}
#formulaire .verifi{
	width:60px;
}
#formulaire #area{
	width:95%;
}
.buttonSubmit{
}
#affichage{
	position:absolute; 
	top: 0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	background: #225566; 
	z-index:999; 
	filter:alpha(opacity=90);
	-moz-opacity: .90;	
	opacity:.90;
}
#zone{
	width:300px;
	padding:25px;
	margin:0 auto;
	margin-top:100px;
	background-color:#FFFFFF;
	color:#666666;
}
.block_con .text_2 p{
	font-size:18px;
}
.block_con h1{
	font-size:20px;
}
.title_con{
	font-weight:bold;
	color:#1dc0f9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.title_form{
	font-size:20px;
	font-weight:bold;
}
.formulaire_con{
	background-color:#34abd7;
	padding:10px 20px;
	width:310px;
	margin:40px 0 0 114px;
}
.formulaire_con hr{
	color:#FFFFFF;
}
.formulaire_con p{
	margin-bottom:10px;
}
.le_submit{
	text-align:right;
	clear:both;
	width:300px;
}
.ico_comu{
	margin:20px 0;
}
.ico_comu, .un_ico_comu{
	float:left;
}
.un_ico_comu{
	margin-right:10px;
}
.un_ico_comu a img{
	border:none;
}
.gg_map small a, .gg_map small a:link, .gg_map small a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.gg_map small a:hover{
	color:#e7c249;
	text-decoration:none;
}
/*INFOS LEGALES*/
.texte_legal{
	width:500px;
	margin-bottom:40px;
}
.texte_legal h1{
	margin-bottom:5px;
}
.texte_legal p{
	text-align:justify;
}
.img_legal{
	margin-left:100px;
	margin-top:30px;
}

/*ADMIN*/
.KT_tngform, .KT_tnglist {
	background:none;
	border:none;
	float:left;
}
.KT_tnglist th {
	background-color:#01698e;
	border-bottom:1px solid #016b90;
}
.KT_tnglist th.KT_asc a {	
	color:#FFFFFF;
	text-decoration:none;
}
.KT_tnglist th.KT_sorter a {
	color:#e7c249;
	text-decoration:none;
}
.KT_tngtable th, .KT_tngtable td.KT_th, .KT_tngtable caption {
font-size:14px;
text-align:left;
}
.KT_tngtable td {
font-size:14px;
}
.KT_tnglist table.KT_tngtable tr.KT_even, tr.KT_even {
background-color:#99C9DA;
}
.KT_tngtable td {
	border:none;
}
.KT_col_image_projet img, .KT_col_img img{
	width:210px;
}
.KT_col_id_type{
	text-align:center;
}
.KT_tngtable input, .KT_tngtable select {
font-size:14px;
}

/*ADMIN*/
.annotation{
	font-size:12px;
	color:#FF9900;
}
.KT_row_filter{
	background-color: #00CC33;
}
.KT_tng .KT_options a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
/*TITLES*/
#tiquette a, #tiquette a:link, #tiquette a:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
	font-size:10px;
}
#tiquette a:hover{
	text-decoration:none;
	color:#007097;
}
#tiquette h1{
	font-size:14px;
	margin:0;
	padding-bottom:9px;
	color:#007097;
}
/*LIGHT*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/light/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/light/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }