/*-------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}

iframe {border: 3px solid #fff;}
/*-------------------------------------------------*/


body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#ccc;
	overflow:hidden;
}


	#mask {
		width:100%;
		height:500%;
		overflow:hidden;
		background-color:#eee;
	}

	.item {
		width:100%;
		height:20%;
		display:block;
		background-color:#ddd;
	}	
	
	
	.content {
		min-height:600px;min-width:950px;
		width:100%;
		height:100%;
		margin:0 auto;
		position:relative;
		/*background-color:#333333;*/
	}
	
	
	.content_services {
		min-height:600px;min-width:950px;
		width:100%;
		height:100%;
		margin:0 auto;
		position:relative;
		background-color:#89b5ff;
	}
	
	.bien_aligne {clear:both;}
	
	/*************************** DEBUT RUBRIQUE ACCUEIL *******************************/
	
	#rubrique_accueil {
		position:relative;
		height:100%;
		width:100%;
		background:url(../images/carretoiles.jpg);
	}
	
	#rubrique_accueil .en_tete_rubrique_accueil {background:#000 url(../images/espace01.jpg) bottom center no-repeat; min-height:150px;height:24%;width:100%;}
	#rubrique_accueil .contenu_de_la_rubrique_accueil {background:url(../images/espace02.jpg) top center no-repeat;min-height:300px;height:46%;width:100%;}
	#rubrique_accueil .pied_de_page_de_la_rubrique_accueil{background:url(../images/cielespace1.jpg) bottom center no-repeat; min-height:120px;height:30%;width:100%;}
	
	.contenu_de_la_rubrique_accueil_partie_gauche {float:left;width:50%;min-width:450px;}
	
	.contenu_de_la_rubrique_accueil_partie_gauche  a {text-decoration:none;color:#c36213;font-weight:normal;}
	.contenu_de_la_rubrique_accueil_partie_gauche  a:link  {text-decoration:none;color:#c36213;font-weight:normal;}
	.contenu_de_la_rubrique_accueil_partie_gauche  a:visited  {text-decoration:none;color:#c36213;font-weight:normal;}
	.contenu_de_la_rubrique_accueil_partie_gauche  a:active{text-decoration:none;color:#c36213;font-weight:normal;}
	.contenu_de_la_rubrique_accueil_partie_gauche  a:hover {text-decoration:underline;color:#c36213;font-weight:normal;}
	
	
	.contenu_de_la_rubrique_accueil_partie_droite {float:left;width:50%;min-width:450px;text-align:center;padding-top:30px;}
	
	.texte_partie_accueil {font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:1em;color:#fff;padding-top:100px;}
	.un_logo {float:left;margin:0 0 0 15px;padding-top:50px;}
	.menu_navigation {width:500px;height:39px;position:absolute;right:70px;top:62px;}

	.bien_envoye {font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
	font-size:1.2em;color:#fff;padding-top:80px;}	
	
	.services_images {float:left;width:30%;background:url(../images/rubriques.png) bottom center no-repeat;padding-top:210px;}
	.services_dole_solus {float:left;width:70%;padding-top:100px;color:#fff;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:1.2em;color:#fff;}

	.services_images_2 {float:left;width:30%;background:url(../images/rubriques2.png) bottom center no-repeat;padding-top:100px;}
	.services_dole_solus_2 {float:left;width:70%;padding-top:50px;color:#fff;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:1.2em;color:#fff;}

	
	/* MENU DE NAVIGATION */

	.nav {
	position: absolute;
	/*bottom: 54px;
	left: 30px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	}

	.nav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 5px 5px;
	background: none;
	position: relative;
	}
	
	.nav li a {
	color: #fff;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	padding: 9px 12px 10px 8px;
	display: block;
	text-decoration: none;
	color: #cbc3bb;
	text-shadow: 0 1px 1px #1f1206;
	}

	.nav li.current_page_item, .nav li.current_home, .nav li:hover {
	background: url(../images/nav-bg.png) no-repeat;
	}

	.nav li.current_page_item a, .nav li a:hover {
	background: url(../images/nav-bg.png) no-repeat right -85px;
	color: #fff;
	}

	/* show hover bg */
	.nav li:hover a {
	background: url(../images/nav-bg.png) no-repeat right -85px;
	}
	.nav li.current_home a {
	background: url(../images/nav-bg.png) no-repeat right -169px;
	padding-right: 20px;
	color: #fff;
	}

	/* FIN MENU DE NAVIGATION */

	/*************************** FIN RUBRIQUE ACCUEIL *******************************/
	
	
	/*************************** DEBUT RUBRIQUE PORTFOLIO *******************************/
	
	#rubrique_portfolio {
		position:relative;
		height:100%;
		width:100%;
		background:#005d95 url(../images/cielespace2.jpg)top center no-repeat;
	}
	
	#rubrique_portfolio .en_tete_rubrique_portfolio {min-height:175px;height:24%;width:100%;}
	#rubrique_portfolio .contenu_de_la_rubrique_portfolio {min-height:300px;height:46%;width:100%;}
	#rubrique_portfolio .pied_de_page_de_la_rubrique_portfolio {background:url(../images/nuages1.jpg) no-repeat bottom center; min-height:160px;height:30%;width:100%;}
	


h1 {font-size: 3em; margin: 20px 0;}
.container {width: 80%; margin: 10px auto;height:100%;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	font: normal 100%/100% Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#000;text-align:justify;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
	margin-bottom:5px;
}

.tab_content h3 {margin-bottom:10px;}

.tab_content h3 a{
	color: #254588;font-weight:normal;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

	
	/*************************** FIN RUBRIQUE PORTFOLIO *******************************/
	
	
	
	/*************************** DEBUT RUBRIQUE TUTORIEL *******************************/
	
.titre_du_tutoriel {width:465px;background-color:#f1bb17;font: normal 100%/100% Arial, Helvetica, sans-serif;font-size:1em;text-align:center;color:#000;margin-bottom:10px;}
.texte_du_tutoriel {width:95%;font: normal 100%/100% Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#0a4070;text-align:justify;margin-bottom:10px;}
.texte_du_tutoriel img {background-color:#e7e7e7;padding:10px;}

.texte_du_tutoriel_2 {width:95%;font: normal 100%/100% Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#0a4070;text-align:justify;
margin-bottom:10px;background-color:#e7e7e7;padding:5px;line-height:1.2;}


.texte_du_tutoriel_2  a {text-decoration:none;color:#061e2d;font-weight:normal;}
.texte_du_tutoriel_2  a:link  {text-decoration:none;color:#061e2d;font-weight:normal;}
.texte_du_tutoriel_2  a:visited  {text-decoration:none;color:#061e2d;font-weight:normal;}
.texte_du_tutoriel_2  a:active{text-decoration:none;color:#061e2d;font-weight:normal;}
.texte_du_tutoriel_2  a:hover {text-decoration:underline;color:#061e2d;font-weight:normal;}

	
	/*************************** FIN RUBRIQUE TUTORIEL *******************************/
	
	
	
	
	
	/*************************** DEBUT RUBRIQUE SERVICES *******************************/
	
	#rubrique_services {
		position:relative;
		height:100%;
		width:100%;
	}
	
	#rubrique_services .en_tete_rubrique_services {background:#87cbed url(../images/nuages2.jpg) no-repeat top center; min-height:150px;height:24%;width:100%;}
	#rubrique_services .contenu_de_la_rubrique_services {background:#89b5ff url(../images/ocean.jpg) repeat-x top center;min-height:300px;height:52%;width:100%;}
	#rubrique_services .pied_de_page_de_la_rubrique_services {background:url(../images/unevague1.jpg) no-repeat bottom center; min-height:120px;height:24%;width:100%;}
	
	
	#layer1 {
			position: absolute;
			width: 1920px;
			min-height: 216px;
			background: transparent url(../images/ohlesnuages.png) center bottom repeat-x;
			
		}
	
	
.services_proposes {float:left;width:23%;min-width:200px;margin: 10px;}
	
a.jScrollArrowUp {background: url(../images/flechehaut.png) repeat-x 0 0;}
a.jScrollArrowUp:hover {	background: url(../images/flechehaut.png) repeat-x 0 0;}
a.jScrollArrowDown {	background: url(../images/flechebas.png) repeat-x 0 0;}
a.jScrollArrowDown:hover {background: url(../images/flechebas.png) repeat-x 0 0;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}

			
.holder {float: left;margin: 10px;width:100%;}

.holder h3 {text-align:center;font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:1em;color:#fff;}

.scroll-pane {
	width: 100%;
	overflow: auto;
	float: left;
	text-align:justify;
	padding: 0 3px 0 3px;
	color:#082144;
}

#pane1 {height: 295px;}
#pane2 {height: 295px;}
#pane3 {height: 295px;}
#pane4 {height: 295px;}
	

.texte_site_internet {list-style:none;}
.texte_site_internet li {display:block; margin:0 0 5px 0;margin-left:0;padding:2px 0 2px 20px; background:url(../images/liste5.png) 5px 10px no-repeat; 
text-decoration:none;}


.texte_services {list-style:none;}
.texte_services li {display:block; margin:0 0 5px 0;margin-left:0;padding:5px 0 5px 40px; background:url(../images/petitnuage.png) 5px 2px no-repeat; 
text-decoration:none;color:#fff;}

.titre_rubrique {background-color:orange;margin-bottom:5px;font-weight:bold;height:25px;}	



	#avec_modo {
		padding: 10px;
		width: 100%;
	}
	#avec_modo ul { list-style: none; }
	#avec_modo ul li { display: inline; }
	#avec_modo ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#avec_modo ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#avec_modo ul a:hover { color: #fff; }



	
	
	/*************************** FIN RUBRIQUE SERVICES *******************************/
	
	
	
	/*************************** DEBUT RUBRIQUE CONTACT *******************************/
	
	#rubrique_contact {
		position:relative;
		height:100%;
		width:100%;
	}
	
	#rubrique_contact .en_tete_rubrique_contact {background:#99bfec url(../images/unevague2.jpg) repeat-x top center; min-height:150px;height:24%;width:100%;}
	#rubrique_contact .contenu_de_la_rubrique_contact {background:#99bfec;min-height:300px;height:45%;width:100%;}
	
	#rubrique_contact .contenu_de_la_rubrique_contact_2 {background:#99bfec url(../images/bathyscaphe.png) right center no-repeat;min-height:300px;height:45%;width:100%;}
	
	#rubrique_contact .pied_de_page_de_la_rubrique_contact {background:#000 url(../images/fondmarin.jpg) top center no-repeat; min-height:120px;height:31%;width:100%;padding-top:25px;}
	
	
	.contenu_du_pied_de_page {float:left;width:100%;color:#fff;text-align:center;}
	
	.contenu_du_pied_de_page_gauche {float:left;padding-top:5px;font: normal 100%/100% Arial, Helvetica, sans-serif;font-size:1em;color:#fff;text-align:left;width:50%;text-align:justify;}
	.contenu_du_pied_de_page_droite {float:right;padding-top:5px;font: normal 100%/100% Arial, Helvetica, sans-serif;font-size:1em;color:#fff;text-align:right;width:50%;}
	
	
	.image_services {border: 1px solid #000;margin-left:10px;}
	
	/*.cestdsi {padding-top:5px;font: normal 100%/100% Arial, Helvetica, sans-serif;font-size:1.2em;color:#fff;text-align:center;}*/
	
	.contenu_de_la_rubrique_contact_partie_gauche {float:left;width:50%;min-width:300px;text-align:center;padding-top:10px;
	background:url(../images/bathyscaphe.png) left bottom no-repeat;}	
	.contenu_de_la_rubrique_contact_partie_gauche  input {border: 1px solid #fff;}
	.contenu_de_la_rubrique_contact_partie_gauche  textarea {border: 1px solid #fff;}
	.contenu_de_la_rubrique_contact_partie_gauche .fieldset {width:100%;}	
	
	
	.contenu_de_la_rubrique_contact_partie_droite {float:right;width:50%;min-width:300px;text-align:center;padding-top:10px;	}
	
	.texte_message_bien_envoye {font: normal Arial, Helvetica, sans-serif;font-size:1.6em;color:#fff;width:50%;text-align:center;padding-top:80px;}
	
		
	#contact_form {
			/*display: block;*/
			float:right;
			width:80%;
			/*position: absolute;*/
			/*bottom: 7%;*/
			left: 10px;
			background-image: url(../imgage/logo.png);
			background-position: bottom right;
			background-repeat: no-repeat;
			padding: 0;
			
		}
		
			#contact_form .inner {
				width: 100%;
				padding: 17px 19px 10px 19px;
				color: #3c2313;
				/*background-color: #7ea0c9;*/
				/*border: 2px dashed white;*/
			}
			
			#contact_form .h1 {
				position: relative;
				left: -5px;
				margin-bottom: -4px;
			}
			
			#contact_form .input,
			#contact_form textarea {
				color: #fff;
				background-color: #336bac;
				border:1px solid white;
				width: 95%;
				padding: 8px 9px;
				font-size: 14px;
				line-height: 10px;
				display: block;
				margin-top: 3px;
			}
			
			#contact_form label {
				display: block;
				margin: 13px 0 9px 0;
				text-align:left;
				color:#fff;
			}
			
			#about .bottom em {
				display: block;
				padding: 0 0 45px 37px;
			}

	
	
	
	/*************************** FIN RUBRIQUE CONTACT *******************************/
	
	
	
	
	.selected {
		background:#fff;
		font-weight:700;
	}