/*-----------------------------------------------
L'ICE
auteur : Eric Schneider pour eurostratege.com
avril 2006
----------------------------------------------- */


/* Mis en page generale
----------------------------------------------- */
body {
	/*margin: 0;
	padding: 0;*/
	background: #eee;
	font-family: lucida, verdana, arial, sans-serif;
	margin:0px; padding:0px;
	}

#pied-de-page 
	{
	color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #000;
	text-align: center;
	letter-spacing: 2px;
	height: 30px;
	clear: both;
	padding-top:10px;
	}

#encarte
	{
	background: #ffffff url(../img/encadre.gif) no-repeat;
	overflow: hidden;
	width: 546px;
	height: 170px;
	margin-top:20px;
	
	
	}
	
#encartweb 
	{
	background: #ffffff url(../img/LICE-encart-web.jpg) no-repeat;
	float:right;
	height:738px;
	width:408px;
	margin-top:0px;
	padding-right:0px;
	
	}
	
#encarte2
	{
	background: #ffffff url(../img/encadre2.gif) no-repeat;
	overflow: hidden;
	width: 546px;
	height: 90px;
	margin-top:40px;
	}
	
	
#encarte3
{
	/*background: #e3007b url(../img/maj2.jpg) no-repeat;*/
	background: #FFF url(../img/maj3.jpg) left top no-repeat;
	overflow: hidden;
	width: 546px;
	height: 250px;
	margin-top:0px;
}
	
	
	#encarte3 p 
	{
	margin:10px 10px 0 270px;
	color:#FFFFFF;
	text-align:left;
	}

	
	
	
#encarte2 p
	{
    color: white;
	font-size: 14px;
	padding-left:30px;
	}
	
#renseignements
	{
	background: #ffffff;
	overflow: hidden;
	width: 290px;
	height: 75px;
	margin-top:0px;
	float:right;
	margin-bottom:10px;
	}
	
	#renseignements2
	{
	background: #ffffff;
	overflow: hidden;
	width: 290px;
	height: 75px;
	margin:15px 0;
	float:left;
	}
	
	
#encarte p 
	{
	margin-left:80px;
	margin-right:20px;
	color:#FFFFFF;
	}

#wrapper {
	margin: 0;
	padding: 0;
	width: 1000px;
	/*height: 150px;*/
	border : 1px solid;
	margin:0px auto;/* centrage*/
	background-color:#fff;
	}

h1 {
	margin: 0;
	background: #E46300 url(../img/logo2.gif) no-repeat;
	overflow: hidden;
	clip: rect(0, 1000px, 150px, 0);	/* Mac IE5 workaround */
	padding: 150px 0 0 0;
	width: 1000px;
	height: 0 !important;
	height /**/:150px;
	}


#navwrapper {
	width: 100%;
	position: relative;
	height: 42px;
	background-color: #000;
	z-index:2
}

#navalign {
	width: 92%;
	position: absolute;
	bottom: 0px;
	left: 47px;
	height: 27px;
}

#main {
	margin: 14px 0 0 0;
	padding: 0;
	width: 1000px;
}

#sidebarwrapper {
float:right;
width: 408px;
height:240px;
margin-right:20px;
margin-top: 10px;
}

#sidebar {
background: #fff;
width:380px;
/*padding-left:10px;
padding-right:10px;*/
padding-left:83px;
padding-right:83px;
float:left;
}
/*
#sidebar .coiffure 
{
float:right;
}
*/

.agauche {
 	float: center;
}



div.float {
 	float: left;
}


div.float p {
 	text-align: left;
  }

div.float2 {
 	float: right;
 }

div.float2 p {
 	text-align: left;
  }

div.spacer {
 	clear: both;
 }

#content {
/* text-align:justify; si on veut seulement le txt principal soit aligne, activer cette fonction et virer celle de la balise p */
width: 500px;
margin: 23px 0 30px 24px;
padding: 0 14px 0 18px;
/*border-left: 5px solid #e2e2e2;*/
/* Include the rules below for any boxes with fixed widths or heights.	*/
/* The width and/or height below is calculated by subtracting the		*/
/* border (x2) and padding (x2) from the width and/or height.			*/
voice-family: "\"}\"";
voice-family: inherit;
width: 500px; }

#content2 {
/* text-align:justify; si on veut seulement le txt principal soit aligne, activer cette fonction et virer celle de la balise p */
width: 950px;
margin: 23px 0 30px 24px;
padding: 0 14px 0 18px;
/*border-left: 5px solid #e2e2e2;*/
/* Include the rules below for any boxes with fixed widths or heights.	*/
/* The width and/or height below is calculated by subtracting the		*/
/* border (x2) and padding (x2) from the width and/or height.			*/
voice-family: "\"}\"";
voice-family: inherit;
width: 950px; }

#wrapper>#main #content { width:420px; }
#wrapper>#main #content2 { width:900px; }




div.thumbnail {
display: inline;
margin-right: 30px; /* start hiding from macie\*/
margin-right: 20px; /* stop hiding */
}

div.thumbnail img {
border: 2px solid #e2e2e2;
padding: 2px;
}

div.incrust img {
border: 2px solid #AAA;
padding: 2px;
}

div.incrust {
display: inline;
margin-left: 17px; /* start hiding from macie\*/
margin-left: 07px; /* stop hiding */
float:right;
}

div.thumbnail2 {
/*display: inline;*/
margin-right: 30px; /* start hiding from macie\*/
margin-right: 20px; /* stop hiding */
float:left;
}

div.thumbnail2 img {
border: 2px solid #e2e2e2;
padding: 2px;
}


/* Entetes
----------------------------------------------- */
h2 {
margin-bottom: 20px;
}

h3 {
margin-bottom: 0;
font-size: 13px;
color: #333;
}

p + h3 {
margin-top: 27px;
}

div.thumbnail + h3 {
margin-top: 29px;
}

#sidebar h4 {
background: #fff url(../img/titre.gif) no-repeat right top;
font-size: 9px;
color: #666;
/*margin-top: 0px;
margin-bottom: 8px;
padding-bottom: 4px;
padding-left: 0px;
margin-left: 0px;*/
height:24px;
}

h5 {
font-size: 11px;
line-height: 17px;
color: #666;
}

h6 {
font-size: 16px;
line-height: 17px;
color: #000;
}

.Style3 {color: #E9c142;font-size: 16px;}

/* texte
----------------------------------------------- */
p {
text-align:justify;
font-size: 11px;
line-height: 17px;
color: #666;
}

#content h3 + p {
margin-top: 11px;
}

#sidebar p {
margin-top: -4px;
margin-bottom: 19px;
font-size: 11px;
line-height: 18px;
color: #808080;
text-align:justify;
}

p#directlink {
color: #999;
margin-top: 21px;
}

p#footer {
font-size: 9px;
color: #a6a6a6;
margin-top: 24px;
padding-bottom: 4px;
}


/* liste
----------------------------------------------- */
#nav {
padding: 0;
height: 27px;
list-style: none;
display: inline;
overflow: hidden;
clip: rect(0, 372px, 27px, 0);	/* Mac IE5 workaround */
width: 372px;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
}

/* liens
----------------------------------------------- */
a, a:link {
color: #E46300;
text-decoration: none;
padding-bottom: 1px;
/*border-bottom: 1px solid #ccc;*/
}

a:visited {
color: #999;
}

a:hover {
color: #3b6282;
border-bottom: 1px solid #808080;
}

#nav a {
display: block;
float: left;
font: 9px 'Verdana', Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
width: 96px;
padding: 9px 0 0 0;
border: 0;
height: 27px;  /* INTERNET EXPLORER */
voice-family: "\"}\""; 
voice-family:inherit;
height: 18px; /* CONFORMANT BROWSERS */
}
html>#container {
height: 18px; /* OPERA */
}

#nav a:hover {
background-position: 0 -27px;
border-bottom: 0;
}


body#indexx li#accueil a, body#productionn li#production a,
body#multilinguee li#multilingue a, body#editionn li#edition a, body#banquee li#banque a, body#contactss li#contacts, body#stagee li#stage a, body#evee li#eve a  {
background-position: 0 -54px;
color: #333;
font-weight: bold;
}

li#flag 
{
float:right;
}


#accueil a, #production a, #multilingue a, #banque a, #edition a, #stage a  {
width: 93px;
background: url(../img/onglet.gif) left top no-repeat;
}

#contacts a  {
width: 93px;
background: url(../img/onglet.gif) left top no-repeat;
}

#eve a  {
width: 91px;
background: url(../img/onglet2.gif) left top no-repeat;
}

#sidebar ul a, #sidebar ul a:link {
border: none;
}

#sidebar ul#links a, #sidebar ul#links a:link {
border-bottom: 1px solid #bbb;
}

#sidebar ul#links a:hover {
border-bottom: 1px solid #808080;
}

#sidebar h4 a, #sidebar h4 a:hover {
color: #666;
border: none;
}

/* thumbnail image links on internal pages */
.thumbnail a, .thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover {
border: 0;
padding: 0;
}


/* miscellaneous
----------------------------------------------- */

#sidebar .readmore {
padding-left: 12px;
}

.img-droite {
float:right;
padding-left:10px;
padding-bottom:5px;
}


.img-gauche {
float:left;
padding-right:10px;
padding-bottom:5px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






#col1 {
float:left;
width:500px;
margin-left:45px;
}

#col2 {
//margin-left:580px;
float:right;
padding-top:1px;
}

col3 {
background: #000000 url(../img/festival.jpg)  no-repeat;
height:500px;
width:400px;
float:right;
}

.titre {
color:#655e59;
}