/* rappel : ie_win.ccs est chargé par Conditionnal Comments dans IE pre-7 pour
modifier et corriger la présente feuille
- valeurs communes ie7.css, ie6.css :
****#contenu form input, #contenu form input.style, #contenu form textarea, #contenu form input.envoi
*/
/* définition de balises */
body { 
	background:top left no-repeat url(../images/nuages/nuages_blc.png) fixed #fff;
	margin:0;
	color:#7a6363;
	font-size:1em;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;

}
img{
	border:none; /*pour empêcher IE d'ajouter une bordure aux images-liens*/
}
a:link{
	color:#200;
}
a:visited{
	color:#966;
}
hr{
	display:none;
}

/* ids */
/*styles communs*/
#constant{
	width:100%;
	background:top left no-repeat url(../images/nuages/nuages_trsp.png) fixed;
	position:fixed;
	z-index:50;
	top:0;
	left:0;
}
#accroche {
	font-family:"Times New Roman", Times, serif;
	letter-spacing:0.05em;
	background:url(../images/loading.gif) no-repeat fixed; /*préchargement pour portfolio*/
	position:absolute;
	top:50%;
	margin-top:-3.2em;
	right:0;
	left:11em;
	color:#ccc;
	height:2em;
	font-size:1.9em;
	padding-top:1em;
	padding-left:0.5em;
	text-align:center;
	width:auto;
	margin-right:auto;
	z-index:1;
}
#accroche:before{content:"\00AB";}
#accroche:after{content:"\00BB";}
#enTete{
	background:top left no-repeat url(../images/nuages/nuages_blc.png) fixed #200;
	color:#fff;
	margin:2.5em 0 0;
	padding:0;
	text-align:right;
	width:19em;
}
#enTete h1{
	background:#9bcaff url(../images/nuages/nuages_bleu.png) no-repeat fixed;
	overflow:hidden;
	font-size:3.4em;
	line-height:0.75em;
}
#enTete h1 span.petit {
	line-height:0.75em;
}
#enTete h3{
	font-size:1.1em;
	line-height:1.2em;
}
#enTete p, #enTete h3{
	background:#7a6363 url(../images/nuages/nuages_ros.png) no-repeat fixed;
}
#enTete h1,#enTete h3,#enTete p, #nav, #nav ul, #nav ul li, #contenu, #contenu h3{
	margin:0;
	padding:0;
}
#enTete h1, #enTete h3{
	font-weight:normal;
}
#enTete a{
	color:#fff;
	text-decoration:none;
}
#enTete a:hover:before, #enTete a:focus:before{
	font-size:1.3em;
	content:"»";
	display:inline;
	line-height:0.4em;
}
#nav{
	background:url(../images/nuages/nuages_estmp.png) no-repeat fixed;
	margin-left:19em;
	z-index:100;
}
#nav ul, #nav ul li, #nav ul li a{/*parceque IE a du mal à comprendre*/
	list-style:none;
	list-style-image:none;
}
#nav ul li{
	border-bottom:#9bcaff dotted 1px;
}
#nav ul li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
}
#nav a:hover, #nav a:active, #nav a:focus, #nav a.pageEnCours{
	color:#fff;
}
#nav a:hover:after, #nav a:focus:after{
	content:"\00a0\00a0»\00a0" attr(title); /*valeur Hex de l'espace insécable*/
	font-size:0.8em;
	font-style:italic;
}
#nav ul li#port a:link, #nav ul li#port a:visited{
	background:url(../images/srvl_port.jpg) fixed no-repeat;
}
#nav ul li#clients a:link, #nav ul li#clients a:visited{
	background:url(../images/srvl_clients.jpg) fixed no-repeat;
}
#nav ul li#compet a:link, #nav ul li#compet a:visited{
	background:url(../images/srvl_compet.jpg) fixed no-repeat;
}
#nav ul li#contact a:link, #nav ul li#contact a:visited{
	background:url(../images/srvl_contact.jpg) fixed no-repeat;
}
#nav ul li#port a:hover, #nav ul li#port a:focus, #nav ul li#port a:active, #nav ul li#port a.pageEnCours, #nav ul li#port a.pageEnCours:visited{
	background:url(../images/srvl_port.jpg) repeat-x bottom left #200;
}
#nav ul li#clients a:hover, #nav ul li#clients a:focus, #nav ul li#clients a:active,  #nav ul li#clients a.pageEnCours, #nav ul li#clients a.pageEnCours:visited{
	background:url(../images/srvl_clients.jpg) repeat-x center left #200;
}
#nav ul li#compet a:hover, #nav ul li#compet a:focus, #nav ul li#compet a:active,  #nav ul li#compet a.pageEnCours, #nav ul li#compet a.pageEnCours:visited{
	background:url(../images/srvl_compet.jpg) repeat-x bottom left #200;
}
#nav ul li#contact a:hover, #nav ul li#contact a:focus, #nav ul li#contact a:focus, #nav ul li#contact a:active,  #nav ul li#contact a.pageEnCours, #nav ul li#contact a.pageEnCours:visited{
	background:url(../images/srvl_contact.jpg) repeat-x top left #200;
}
#contenu{
	background:url(../images/nuages/nuages_estmp.png) no-repeat fixed #fff;
	margin-left:19em;
	z-index:1;
	color:#222;
	margin-top:13.5em;
	margin-bottom:0;
	padding:4em 0.5em 3em 0.5em;
	text-align:justify;

}
#contenu a{
	border-bottom:1px dotted #600;
	text-decoration:none;
}
#contenu a:visited{
	border-bottom-color:#966;
}
#contenu a:hover, #contenu a:visited:hover, #contenu a:focus{
	color:#600;
}
#contenu p, #contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu ul{
	margin:0 auto;
	max-width:600px;
	min-width:300px;
}
#contenu p, #contenu h4, #contenu h5, #contenu h6{
	margin-top:0.3em;
}
#contenu h2, #contenu h3, #contenu h4{
	color:#999;
	margin-top:1em;
}
#contenu div.job{
	width:100%;
	padding-bottom:1em;
	border-bottom:1px solid #eee;
	margin-top: 2em;
}
#contenu img{
	background:#fff url(../images/loading.gif) no-repeat center;
	text-align:center;
	border:thick #ddd dashed;
	margin:1em auto 0;
	padding:0;
}
#contenu div.job a:hover img, #contenu div.job a:focus img{
	border-color:#aaa;
}
#contenu a.legendeLien, #contenu a.legendeLitebox{
	display:block;
	width:0;/*pour limiter la largeur de la zone de lien à l'image*/
	text-decoration:none;
	border:none;
}
#contenu a.legendeLien:after, #contenu a.legendeLitebox:after{
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	width:500px;/*pour permettre une légende sur une ligne*/
	margin-top:0;
	padding-top:0;
	font-size:9px;
	line-height:11px;
	display:block;
}
#contenu a.legendeLien:after{
	content:attr(title)" [cliquez pour voir le site]";
}
#contenu a.legendeLitebox:after{
	content:attr(title)" [cliquez pour agrandir l'image]";
}
#contenu form{
	margin-top:1em;	
	text-align:left;
}
#contenu form p:first-child{
	position:absolute;
	left: -1000em;
}
#contenu form input.envoi {
	margin:0.5em 0;
}
#contenu form input.style, #contenu form textarea.message{
	width:80%;
	border:1px solid #ccc;
	background:#a8def4 url(../images/nuages/nuages_bleu.png) fixed no-repeat;
}
#contenu form textarea.message{
	height:5em;
}
#contenu form input[type="text"]:focus, #contenu form textarea:focus{
	color:#fff;
	background:#7a6363 url(../images/nuages/nuages_ros.png) no-repeat fixed;
}
#contenu ul{
	list-style:url(../images/puce2.png);
	padding-left:2em;
}
#contenu img.imageSeule{
	background:transparent;
	padding-left:0;
	border:none;
}
#nav, #piedDePage{
	font-family:Arial, Geneva, Verdana, Helvetica, sans-serif;
}
#piedDePage{
	margin:2em 0 0;
	width:100%;
	padding:5px 0 0 0;
	font-size:xx-small;
}
#piedDePage ul{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#piedDePage ul li{
	float:right;
	padding:0 0.5em 0.5em;
}
#piedDePage ul li a, #piedDePage ul li a:visited{
	border-bottom:none;
	text-decoration:none;
}
#piedDePage ul li a:hover, #piedDePage ul li a:focus{
	border-bottom:1px dotted;
}
/* classes */

.nocss{/* éléments affichés uniquement si les css sont désactivées */ 
	display:none;
}
.attention {
	color:#cc0043 !important;
}
.petit{
	font-size:0.5em;
}