/* Variables

outremer-sang
*/

* {margin:0;padding:0;}
a img {border:0 none;}
:focus {-moz-outline-style: none;}

body {
	background-repeat:no-repeat;
	font-family: "Lucida Grande", "Lucida Sans","Lucida Sans Unicode", Arial, sans-serif;
	color:#000;font-size:10px;
}

	
#underwood {background:#fff;padding:20px 20px 0px 20px;max-width:800px;height:100%; margin-left:auto; margin-right:auto;}

.col {float:left;display:inline;margin:0 2em .6em 0;}
.cl, .ccl, .clb {clear:both;}
.ccl {margin:0 0 10px 0;height:10px; width:800px; border-top: 1px solid #3333CC;}
.clb {margin:0 0 10px 0;height:4px;}
.txtright {text-align:right;margin-right:10px;}

.line {border-bottom:1px solid #3333CC;}

h1 span, h4 span {display:none;}
h1 a {background-image:url(logo_final_noir_4.jpg) ;height:37px;display:block;width:239px; margin-left:-3px;}
h1 a:hover{ background-image:url(logo_final_vio_4.jpg);}


.un			{width:120px;}
.deux		{width:250px;}
.trois 		{width:800px;}
.quatre 	{width:510px;}
.cinq 		{width:516px; margin-left:20px;}
.six 		{width:770px;}
.sept 		{width:900px;}

.space 		{float:left;} 
.forone		{width:130px;}
.fortwo		{width:260px;}
.forthree	{width:390px;}
.forfour	{width:520px;}
.forfive	{width:650px;}
.forsix		{width:780px;}
.forseven	{width:910px;}

#free {margin:0 0 9px 231px;
width:570px; margin-top:-537px;}

#intro {margin:0 0 9px 0px;
width:206px; border-right:1px solid #3333CC; height:526px;}


#header {width:800px;padding:13px 0 10px 0;margin:0 0 9px 0;border-bottom:1px solid #3333CC;}
#footer {
border-bottom:1px solid #3333CC;
border-top:1px solid #3333CC;
clear:both;
color:#000000;
height:25px;
margin-top:12px;
padding:13px 0 0;

}
a {color:#000;text-decoration:none;}
a:hover {color:#3333CC;}
a img {}

#navcont {padding:0.5em 0 1.4em 0; line-height:13px;}
#nav {border-right:1px solid #3333CC;width:119px;}

ul {list-style:none;font-size:11px;}
li {margin-bottom:.2em;}
#nav li a {display:block;}
.subnav li a {display:block;color:#000;width:130px;}
.subnav li {float:left;display:inline;}
.lastnav li a {display:inline-block;color:black;width:129px;}
.lastnav li a:hover {color:#3333CC;text-decoration:;}


.lastnav li {float:left;display:inline;}
#leftnav ul {margin:0 0 1.2em 0;}

#nav li.current a {color:#3333CC;font-weight:bold;}
.subnav li a.active, .subnav li a.current {color:#000;font-weight:bold;}
.lastnav li a.active, .lastnav li a.current {color:#000;}




 
 #free a:hover img {border-bottom:1px solid #3333CC;}

  #content { margin-top:-20px;}

 
#allfonts li a.active {color:#000;}


p {font-size:11px;line-height:1.2em;margin-bottom:.8em;}
p a {text-decoration:none;}
p sup {line-height:1em;}


#allfonts {padding:10px 0 0 0;}
#allfonts li {display:inline;}
#allfonts li a {border-right:1px solid #3333CC;padding:0 5px 0 0;}
#allfonts .year {padding:2px 0;}
#allfonts h3 {padding:0 5px 0 0;float:left;width:32px;}










	
.titreprojetcine {

		padding-top:2.5px;
		padding-left:0px;

	font-weight:bold; 
	line-height: 14px;
	font-size:11px;
	
}






.titreprojetcontact {
		background-image:url(../trame-menu.gif);
		padding-top:2.5px;
		padding-left:5px;

	font-size:17px;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	
}

.imgprojet {
	padding-top:8px;
	padding-bottom:20px;
}

.menutram  
a:active {
	color: #999999;
}



/* GEN */
* {
	margin: 0;
}
html, body {
}

img {
	border: 0;
	display: block;
}