@charset "iso-8859-1";

/* CSS WIZZU juin 2009 */

input {
	background:#6495ed;
	color:black;
	}


.workinprogress {
display:block;
text-decoration:blink;
color:#c0c0c0;
}

input:focus {outline: 0;background:white;}

.wizzubis {
	color: #696969;
   background: red;
   	}
	
a .index {
	font-weight:bolder;
	font-size:larger;
	}

html {background:#314989 url(../web/wizzufond.jpg) no-repeat top left;color:#000;}

body {background:transparent url(../web/banniererondhaut.png) repeat-x scroll center top;color:black;font-size:100.01%;font-family:'Georgia Bold Italic','Georgia Bold', Georgia,'Times New Roman','Lucida Console', 'Lucida Sans', 'Lucida Sans Unicode', 'Microsoft Sans Serif', 'MS Serif', 'MS Sans serif', System, 'Trebuchet MS', 'Courier New', 'Monotype Corsiva', Monotype, Tahoma;
font-style:italic;margin:0; }

#container {
	width: 100%;
	background:transparent url(/web/banniererondhaut.png) repeat-x scroll center bottom;
		}

#wizzu {width:1000px;margin:auto;text-align:left;padding:50px 0 0 0; position:relative;}

a, a:link, a:visited, a:active {text-decoration:none;background:transparent;color:#000;line-height:170%;}
a:visited {color:#000;}

#breadcrumb {font-family:System,'Lucida Sans Unicode','MS Sans serif';margin-top:-20px;position:relative;}

a:hover, a.index {text-decoration:none;color:orange;}
a.active {text-decoration:underline;}

h1 {font-size:145%;text-align:center;}
h2,h3,h4,h5,h6 {font-size:125%;}
ol ol 	{list-style-type: lower-roman;}
ul li a, ol li a {line-height:155%;margin:0;padding:0;border:none;}
ul, ul li {
	color:orange;
	list-style-type: disc;
	}
	

	ul li a {		
	color:white !important;
		}

		#header {
			float:left;
			width:1000px;
			height: 125px;
			}
		
#banner {
width:350px;
float:left;
height: 125px;
background:transparent none;
}

#banner img {
	
left:65px;
position:relative;
top:230px;

	}

	#banner a img, #baseline a img {
	border: none;
	}
	
	
#banner h1, #banner h2 {
	display: none;
	}

	#baseline {
		float:left;
		width:350px;
		height:125px;
		}
		
		

#lang {
width:200px;
float:right;
height:125px;
font-size:larger;
background:transparent url(../web/rondpourwithyou.png) no-repeat scroll 2px 44px;
}

html > body #lang {
	margin-top:-20px;
	}


#lang p {
width:130px;
/*height:25px;*/
text-align:left;

}

#lang p a {
width:100%;
display:block;
margin:0;
padding:0;
}

#lang p.fr {
background:transparent /*url(logos/fr.gif)*/ url(/web/fr.png) no-repeat center right;
}

#lang p.en {
background:transparent /*url(logos/en.gif)*/ url(/web/uk.png) no-repeat center right;
}

#lang p.es {
background:transparent /*url(logos/es.gif)*/ url(/web/es.png) no-repeat center right;
}

#lang p .active a {
	text-decoration:underline;
	}

#aside {
	/*height:50px;*/
	position: relative;
left:230px;

	width:500px;
	}
	
	#aside h2 {
		background:orange;
		 height:30px; /*
margin:122px 0; */
line-height:170%;
		}

#aside a.ancre {
		background:transparent url(../web/nav.gif) no-repeat scroll left top;
display:block;
float:left;
height:50px;
margin:100px 0;
width:200px;
}
		
#aside img {
	 text-align:center;
			}
			
			#aside a img {
				border: none;
				margin:0 5px;
				}

#section {float:left;width:1000px;height:450px;
height:auto !important;
min-height:450px;}

#nav {
float:left;
width:173px;
height:400px;
padding:145px 0;
}

#nav ul.premier li a {
font-weight:bolder;
width:auto;
height:42px;
display:block;
background:transparent url(../web/nav.gif) no-repeat top left;
text-indent:30px;
padding:0;
margin:5px 0;
}

#nav ul.premier li.action a{
background:transparent url(../web/navaction.gif) no-repeat top right;
text-indent:68px;
}

#nav p a span, #nav ul.premier li a span {
display:block;
padding:8px 0 0;
color:#000;
}


#nav ul.premier li a:hover {

}

#nav ul.premier, #nav ul.premier li ul.second, #nav ul.premier li ul.second li, #nav ul.premier li ul.second li a {
margin:0;
padding:0;
background:transparent none;
text-indent:4px;
}

#nav ul.premier li ul.second  {
position:absolute;
left:-1000px;
margin-top:-50px;

background: grey /*transparent url(../web/nav.gif)*/ no-repeat scroll left top;
}

#nav ul.premier li:hover ul.second, #nav ul.premier li.sfhover ul.second {
left: auto;
margin-left:170px;
}

#nav ul.premier li:hover ul.second li, #nav ul.premier li.sfhover ul.second li {
height:25px;
	}
	
	#nav ul.premier li:hover ul.second li a, #nav ul.premier li.sfhover ul.second li a{
padding:5px 0 0;

	}
	
	#nav ul.premier li:hover ul.second li a span, #nav ul.premier li.sfhover ul.second li a span{
	margin-top:-13px;
	color:#fff;
	}
		
				
		#nav ul.premier li:hover ul.second li a span:hover, #nav ul.premier li.sfhover ul.second li a span:hover{
		color:orange;
	
		}
		
#nav ul.premier li, #nav ul.premier li ul.second li {
list-style-type:none;
}

#nav ul.premier li ul.second li {
font-size:85%;
width:176px;
}

nav ul.premier li ul.second li a {
position:relative;
width:250px;
top:-40px;
left:30px;
}


body #content {
float:left;
width:780px;
background:transparent /*url(colibrig.gif) no-repeat top left*/;
padding:20px 0 0 0;
height:720px;
overflow:auto;
text-align: center;
font-size: larger;
}



body.wizzu #content {
float:left;
width:545px;
background:transparent /*url(colibrig.gif) no-repeat top left*/;
padding:20px 0 0 50px;
max-height:880px;
overflow:auto;
color:white;
}


body.contact #nav, body.contact #aside {
	
display:none;
	}

body.contact  {
	background:transparent url(../web/imprimantaction.png) no-repeat center 270px;
	background: url(../web/feuillimprimante.png) /*imprimantaction-avec-feuill.png*/ no-repeat center 300px;
	width:auto;
	}
	
	body.contact #content {
	   width:1000px;
		margin:320px auto;
		text-align: center;
		}
	
	body.contact #content form {
	   
		text-align: center;
		width:400px;
	  margin:auto;
		
		padding:0;
		}
		
		body.contact p {
			width:440px;
			margin:auto;
			}
			
			body.contact form fieldset {
				width:470px;
				border:none;	
				margin:20px 0;			
				}
				
								
				body.contact form legend {
				margin-left:150px;
				font-weight:bolder;
				text-decoration:underline;				
				}
			
			body.contact form #nom {
				float:left;
				}
				
				body.contact form #prenom {
				float:right;
				}
				
				body.contact form #societe {
				float:left;
				}
				
				body.contact form #email {
				float:right;
				}
				
				body.contact form #tel {
				float:left;
				}
				
				body.contact form #mob {
				float:right;
				}
				
				body.contact form #mob {
				float:left;
				}
				
				body.contact form #pays {
				float:right;
				}
				
				body.contact form #contact {
				float:left;
				}
				
				body.contact form input[type="checkbox"], body.contact form label {
					float:left;
					
										}
										
										body.contact form label { margin:0 0 0 1em;}
										
										p.note {
										 font-style: oblique;
										 font-size:90%;
											}
				

#content ul {

list-style-type:square;
line-height:163%;
}


#content p em {
padding:0 0 0 50px;
}

#article {display:none;}

body.wizzu #article, body.wizzu #content,body.wizzu #content img {
	
margin:0;padding:0;border:0;


	}

body.wizzu #article {
display:block;
float:right;
/*width:350px;*/
margin: 80px 0;
min-height: 300px;
background:transparent url(../web/avousdechoisir.png) no-repeat scroll left 50px; 
padding:118px 10px;
}

body.wizzu #article p.deb {
	margin:130px 0 0 20px;
}

body.wizzu #article p {
font-size:75%;
width:260px;
text-indent:2px;
margin:0;
padding:0.2em 0;
	}
	
	body.wizzu h3, body.wizzu h4 {
	margin:0.1em;
	padding:0;		
		}
		
		body.wizzu h3 {
			margin-top:0.5em;		
			}
	
	body.wizzu #article p strong {
	text-transform:uppercase;
	font-size:100%;		
	text-decoration:underline;
	margin:3px 0;
	}
	
	body.wizzu #article p.rien {
		
	height: 5px;
	margin:0;
	padding:0;
		}
	
	body.wizzu #article p.emp strong {
	
	padding:0 0 0 55px;
	
		}
		
		body.wizzu #article p.act strong {
	
	padding:0 0 0 30px;
		}
		
	
	body.wizzu #article p.fact strong {
	
	padding:0 0 0 5px;
		}
	
body.wizzu #content img {
margin:0 0 15px 85px;

}
	
body.wizzu #content  > p {
	clear:both;
}

body.wizzu #article ul {
margin:60px 0 40px 0;

list-style-type:circle;
line-height:153%;
color:orange;
}

body.wizzu #article h2 {
visibility:hidden;
}

body.wizzu #content ul li {
	
text-align: left;
margin-left:120px;
	}


body.wizzu #article ul li {
color:#000;
text-indent:10px;
}


#footer {background:transparent /*url(bordbas.gif) no-repeat center bottom*/;color:#000;text-align:center;margin:auto;width:1000px;clear:both;height:100px;padding-top:22px;display:block;margin-top:30px;}

#footerbis {background:transparent url(/web/minicold.gif) no-repeat top right;}

#footer p {background:transparent url(/web/minicolg.gif) no-repeat top left; height:40px; padding-left:18px;}

#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {color:#feffef;border:none; }
#footer p a[href="accessibilite.php"] {/*background:transparent url(minicold.gif) no-repeat top right;*/}