/* Cette note ne doit pas être effacée.

Nom : style.css   
Version : 1.0
Auteur : Yannick Fel

Description : feuille de style du framework

*/


/* le corps du site BODY */
body
	{
		background: #000000;
		color: black;
		font: 72% georgia, sans-serif;
		color : #555753; 
		padding: 1% 1%;
		scrollbar-face-color: #0477B2; 
		scrollbar-shadow-color: #000000;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #000000; 
		scrollbar-darkshadow-color: #000000; 
		scrollbar-track-color: #94A9CA; 
		scrollbar-arrow-color: #FFFFFF	
	}


.main#two-columns {background: #FFF url(img/two-columns.gif) repeat-y;}
.main#two-columns2 {background: #FFF url(img/two-columns2.gif) repeat-y;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

p.block {

	color : black;
	margin: 10px 10px 10px 10px;
	padding-left: 10px;
	text-align : justify

}

p.block-gras {

	color : black;
	margin: 10px 10px 10px 10px;
	padding-left: 10px;
	text-align : justify;
	font-weight: bold

}

p.block-italic {

	color : black;
	margin: 10px 10px 10px 10px;
	padding-left: 10px;
	text-align : justify;
	font-style: italic
}


ul.list
	{
	margin: 10px 20px 10px 10px;
	color : black;
	padding-left: 30px;
	text-align: justify;
	text-decoration: none;
	font-family: verdana,Arial, sans-serif ;
	font-size: 10px
	}

li
	{
	margin: 10px 10px 10px 10px;
	}  




/* HEADER */
.title {
	background: #E2DED4 url(img/logo.jpg) repeat-x;
	border-top: 1px solid #996;
	height:100px
}
.titleEN {
	background: #E2DED4 url(img/logoEN.jpg) repeat-x;
	border-top: 1px solid #996;
	height:100px
}

.panier {
margin-top: 40px;
text-align: right
}

.langue {
margin-top: 05px;
text-align: right
}

/* ELEMENTS CONSTRUCTEUR */

* {margin: 0; padding: 0;}

#container {	
margin-left: auto;
margin-right: auto;
padding: 10px 10px;
width: 1000px; 
height: auto
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.col1 .contenu {background: #FFF}
.col2 .right .contenu {background: #FFF; height: 800px}
.col2 .left {width: 600px;}
.col2 .right {width: 400px;}
.col2 .right .contenu {background: #FFF; height: 800px}
.left {float: left;}
.right {float: right;}
.right .contenu {padding: 10px 0px 0px; height: 800px}
.contenu {padding: 5px 5px}

.col2 .contenu2 {background: #FFF}
.col2 .left2 .contenu2 {background: #FFF; height: 800px}
.col2 .right2 .contenu2 {background: #FFF; height: 800px}
.col2 .left2 {width: 800px}
.col2 .right2 {width: 200px;}
.col2 .right2 .contenu2 {background: #FFF; height: 800px}
.left2 {float: left;}
.right2 {float: right;}
.right2 .contenu2 {padding: 10px 0px 0px; height: 800px}
.contenu2 {padding: 5px 5px}





/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 100px 0;
	padding: 0px;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

.first-letter
	{
	background-color: #FFF37A;
	font-size: 200%;
	font-weight: bold;
	float: top;
	text-transform: capitalize
	}

/* header */

.header {
	background: url(img/logoPortfolio.png) no-repeat center bottom;
	height: 150px
}

/* TITRES */

.titre1 {
	font:arial;
	size:18px;
	color:white;
}

.titre1Visible {
	font : normal 1.8em georgia, sans-serif; 
	letter-spacing : 1px; 
	margin-bottom : 0;  
	color:black
}

.titre2Visible {
	font : italic normal 1.4em georgia, sans-serif; 
	letter-spacing : 1px; 
	margin-bottom : 0; 
	color : #7d775c; 
}

/* NAVIGATION*/
.navigation {
	margin-left: auto;
	margin-right: auto;
	background: #DED9D0 url(img/nav.gif) repeat-x; width: 1000px; height: 31px;
	border-top: 1px solid #996;
}
.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 10px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* PIED DE PAGE*/
.footer {
	margin-top: 0px;
    	padding-top: 5px;
	background: #332;
	color: #EED;
	width: 1000px 
}

.footer .left {width: 100%;}

.footer .right {
	width: 33%;
	text-align: right;
}

.footer a {
	color: #FFF;
	text-decoration: none;
}

.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* LIENS HYPERTEXTE */


a 
	{
		
	color: orange;
		
	padding: 4px
	
}
  

a:hover
	{
	
color: red
	
}



a:visited 
	{ 

	color: orange
	
}
	 


/* Le menu de gauche du site Web */



.menu_gauche
	{

	
	
}



.titre_menu_gauche
	{

	text-align: center;
	
	background-color: #0477B2;
	
	font-weight: bolder
	
}
	


.cadre_menu_gauche
	{

	
	border: 1px solid blue

}
	


.liste_menu_gauche
	{

	background-color: lightblue;
	
	list-style-type: square
	
	
}
	


li
	{
	
	margin: 2px 2px 0 2px;
	
}  
	


th 
	{
	
	color: white;
	
	background-color: #0477B2;
	
	text-align: center;
	
	text-decoration: none;
	
	font-family: verdana,Arial,sans-serif ;
	
	font-size: 12px;
	
	border: black 1px solid;
	
	padding-top: 10px;
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px
	
}



/* Le cadre principal du site Web et sa présentation fixe */



.first-letter
	{
	
background-color: white;
	
font-size: 200%;
	
font-weight: bold;
	
float: top;
	
text-transform: capitalize
	
}



.cadre_principal
	{

	background-color: white;

	border-bottom : 2px solid #CCCCCC;

	border-right : 2px solid #CCCCCC;

	border-top : 2px solid #CCCCCC;

	border-left : 2px solid #CCCCCC;

	padding-top: 20px;

	padding-left: 10px;

	padding-right: 10px

	}








ul
	{
	
color : #0477B2;
	
text-align: justify;
	
text-decoration: none;
	
font-family: verdana,Arial, sans-serif ;
	
font-size: 10px;
	}



.bouton_suivant
	{
	
text-align: right;
	
vertical-align: text-bottom;
	
color : #0477B2;
	

}
	

/* Style formulaire */


.myTablePresentationTab
	{
	
color : black;
	
background-color: #DED9D0;
	
text-align: left;
	
text-decoration: none;
	
font-family: verdana,Arial,sans-serif ;

	font-size: 12px;
	
border-bottom : 1px solid black;

	border-right : 1px solid black;
	
border-top : 1px solid black;
	
border-left : 1px solid black;
	
padding-top: 20px;
	
padding-left: 10px;
	
padding-right: 10px
	
}


.myTablePresentationTR 
 {
 	color : black;
	background-color: #DED9D0;
	text-align: center;
	text-decoration: none;
	font-family: verdana,Arial,sans-serif ;
	font-weight: bold;
	font-size: 12px;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid
 }


/* Style Tableau */


.myTableReportingTab
	{
	
text-align: center;
	
text-decoration: none;
	
font-family: verdana,Arial,sans-serif ;
	font-size: 12px;
	
border-collapse:collapse;
	
BORDER-TOP: black 1px solid;
	
BORDER-LEFT: black 1px solid;
	
BORDER-RIGHT: black 1px solid;
	
BORDER-BOTTOM: black 1px solid
	}



.myTableReportingTR
	{
	
color : #0477B2;
	
background-color: #EEEEEE;

	text-align: center;

	text-decoration: none;

	font-family: verdana,Arial,sans-serif ;

	font-weight: bold;
	font-size: 12px;

	border-collapse:collapse;
	
BORDER-TOP: black 1px solid;
	
BORDER-LEFT: black 1px solid;
	
BORDER-RIGHT: black 1px solid;
	
BORDER-BOTTOM: black 1px solid
	
}



.myTableReportingTD
	{
	
text-align: center;
	
text-decoration: none;
	
font-family: verdana,Arial,sans-serif ;

	font-size: 12px;

	BORDER: black 1px solid
	
}