/* CSS Document */
/*********************************************************************************/
/*********************************************************************************/
/************************** REPSOL 2008 - HUGIN SAS ******************************/
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/****************************** MISE EN FORME ************************************/
/*********************************************************************************/
body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

#center {
width:577px;
height:auto;
float:left;
margin-top:15px;
margin-left:10px;}

img {
margin-bottom: 20px;
}

img.nomargin
{
    margin-bottom:0;
}

a {text-decoration:none;}
a img {border: 0 none;}
a:link		{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a:active	{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a:visited	{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a:hover		{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}

a.home:link		{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a.home:active	{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a.home:visited	{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a.home:hover	{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}

#global {
	margin: 0 auto;
	width:1024px;
	text-align: left;	
}	
#global #header {
	position:relative;
	width:1024px; height:141px;
	left:0px;
	text-align:center;
}



.Style1 {font-size: 10px}
.Style2 {font-size: 10px}



/*********************************************************************************/
/*************************** CONTENEUR + CONTENU *********************************/
/*********************************************************************************/
#global #conteneur {
	float:left;
	width:1024px;
	background-image:url(../commun/images/bg_conteneur.gif); background-repeat:repeat-y;
}
#global #conteneur #lefter {
	float:left;
	width:202px; height:auto;
}
#global #conteneur #righter {
	float:left;
	display:block;
	width:205px; height:auto;
}
/********************************** CONTENT ************************************/
#global #conteneur #content {
	float:left ;
	width:617px; height:auto;
}
#global #conteneur #content #path {
	width:auto; height:20px;
	background-image:url(../commun/images/bg_path.gif);	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	padding-top:9px; padding-left:15px;
	text-decoration:none;
}

#global #conteneur #content #path a {
	width:auto; height:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	padding-top:9px;
	text-decoration: none;
}
#global #conteneur #content #path a:hover, #global #conteneur #content #path a:focus {
	width:auto; height:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration: underline;
	padding-top:9px;
}
#global #conteneur #content .path a:active {
	width:auto; height:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline;
	padding-top:9px;
}*/
/********************************************************************************/
/*********************************** RIGHTER ************************************/
/********************************************************************************/
#global #conteneur #righter #pict_related {
	margin-left:0px; padding-bottom:22px;
}
/**********************************************************************************/
/******************************** ACCESSIBILITY ***********************************/
#global #conteneur #righter #title_access {
	padding-left:9px; font-family:Arial, Helvetica, sans-serif;	font-size:10px;	font-weight:900; text-transform:capitalize;
}
#global #conteneur #righter #righter_font {
	padding-left:9px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
}
#global #conteneur #righter #righter_contrast {
	padding-left:9px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
}
/**********************************************************************************/
/****************************** RELATED DOWNLOADS *********************************/
#global #conteneur #righter #title_download {
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:900; text-transform:capitalize;
}
#global #conteneur #righter #download_content {
	padding-top:5px; padding-left:9px; padding-bottom:5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
}
#global #conteneur #righter #download_content a {
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline;
	vertical-align:middle;
}
#global #conteneur #righter #download_content a:hover, #global #conteneur #righter #download_content a:focus,#global #conteneur #righter #download_content a:active {
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
	text-decoration:none;
}
/**********************************************************************************/
/******************************* RELATED LINKS ************************************/
#global #conteneur #righter #title_link {
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:900; text-transform:capitalize;
}
#global #conteneur #righter #link_content {
	padding-left:9px;padding-top:5px; padding-bottom:5px; padding-right:5px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; vertical-align:middle;
}
#global #conteneur #righter #link_content a {
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline;
	vertical-align:middle;
}
#global #conteneur #righter #link_content a:hover, #global #conteneur #righter #link_content a:focus,#global #conteneur #righter #link_content a:active {
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
	text-decoration:none;
}

#global #conteneur #righter #img_link_content {
	padding-left:0px; padding-top:5px;}
/*********************************************************************************/
/*********************************** LEFTER **************************************/
/*********************************************************************************/
#global #conteneur #lefter #title_document {
	display:block;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; font-weight:900;
}
.lefter_content {
	margin-top:1px; margin-bottom:1px; margin-right:0px; margin-left:1px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	vertical-align:middle;
}
/*********************************************************************************/
/************************************ MENU ***************************************/
/*********************************************************************************/
#global #conteneur #lefter #title_menu {
	width:auto;
	padding-left:12px; margin-top:12px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:900; text-transform:capitalize;
}
#global #conteneur #lefter #menu {
	width:200px;
	padding: 0px; margin: 0px; padding-left:0px;
	list-style: none;
}
#global #conteneur #lefter #menu .level1 a {
	display:block;
	padding-left:14px;
	background: transparent url(../commun/images/fleche_menu.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;
	line-height:1.9em;
}
#global #conteneur #lefter #menu .level1 a:hover{
	display:block;
	padding-left:14px;
	background: transparent url(../commun/images/fleche_menu.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	line-height:1.9em;
	cursor: pointer;	
}
#global #conteneur #lefter #menu .level1 a:active,#global #conteneur #lefter #menu .level1 a:focus {
	display:block;
	padding-left:14px;
	background: transparent url(../commun/images/fleche_menu.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	line-height:1.9em;
}
#global #conteneur #lefter #menu .level2 a {
	display:block;
	padding-left:28px; margin-top:3px; margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;
	line-height:1.9em;
}
#global #conteneur #lefter #menu .level2 a:hover{
	display:block;
	padding-left:28px; margin-top:3px; margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	line-height:1.9em;
	cursor: pointer;
}
#global #conteneur #lefter #menu .level2 a:active,#global #conteneur #lefter #menu .level2 a:focus {
	display:block;
	padding-left:28px; margin-top:3px; margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	line-height:1.9em;
}
/********************************************************************************/
/********************************** TOOLS ***************************************/
#global #conteneur #lefter #title_tools {
	margin:0px; padding:0px; padding-left:12px; margin-right:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:900; text-transform:capitalize;
}
#global #conteneur #lefter .lefter_content a {
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; vertical-align:middle;	text-decoration:underline;
	cursor:pointer;
}
#global #conteneur #lefter .lefter_content a:hover,#global #conteneur #lefter .lefter_content a:focus,#global #conteneur #lefter .lefter_content a:active {
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;
	vertical-align:middle;	
	cursor:pointer;
}
#txt_rech {
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	width:130px; height:17px;
	vertical-align:top;
	margin-top:2px;
}	
/*********************************************************************************/
/*********************************** FOOTER **************************************/
/*********************************************************************************/
#global #footer {
	display:block;
	width:1024px; height:50px;
	text-align:center;
}
/*********************************************************************************/
.filet{
	background:url(../commun/images/ptl_hr.gif) repeat-x;
	margin:0px; padding:0px;
	height:1px;
	overflow:hidden;
}
/*********************************************************************************/
/******************************* TEMPLATES ***************************************/
/*********************************************************************************/
#templates{
	width:590px; height:auto;
	float:left;
	margin-left:10px;margin-top:15px;
}
#title_templates{
	font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:middle;
	padding:5px;
}
#table_basket {
	width:100%; height:auto; margin:5px;
}
#back{
	padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; height:15px; line-height:15px;
}
/*********************************************************************************/
/******************************** CONTENU ****************************************/
/*********************************************************************************/

	h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height:35px;
	float:left;
	padding-left:0px;
	margin-bottom:10px;
	width:550px;}

	h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	float:left;
	padding-bottom:15px;
	padding-left:0px;
	width:550px;
	}
	
	.intro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:550px;
	padding:0px 0px 15px 0px;
	text-align:left; 
	}
	
	/*///////SPAN/////////*/
	.grasOrange{font-weight:bold;}
	.normalOrange {}	
	.italOrange {font-style: italic;}
	/*///////SPAN/////////*/
	
	.chapo{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:133px;
	text-align:left;
	padding-right:7px;
	padding-bottom:7px;}


	.chapo2{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:133px;
	text-align:left;
	padding-right:7px;
	padding-left:7px;
	padding-bottom:7px;}

	.carre {
	width:133px;
	height:133px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;}	
	

	.carredivise{
	width:268px;
	height:133px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;}



	.espace{
	width:550px;
	height:auto;
	margin-right:7px;
	margin-bottom:20px;
	float:left;}
	
	

	.bandeau{
	width:550px;
	height:133px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;}



	.carre3x1 {
	width:410px;
	height:133px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;}


	table {
	font-size:10px;
	width:550px;
	height:auto;
	margin-top:50px;
	margin-bottom:20px;
	float:left;
	}
	
	
	.titreTable{
	font-size:12px;
	text-align:left;
	line-height:20px;
	height:20px;
	font-weight:bold;
	}
	.titreTableNormal{
	font-size:11px;
	text-align:left;
	line-height:20px;
	height:20px;
	font-weight:normal;
	}
	
	.italic{
	text-align:right;
	font-size:10px;
	font-style:italic;
	}
	
	.italicGris{
	text-align:left;
	font-size:10px;
	font-style:italic;
	font-weight: normal;
	}
	
	.titreCols{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: right;}
	
	.titreColsLeft{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;}
	
	.titreColsOrange{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align:left;
	}


	.total {
	line-height: 15px;
	height: 15px;
	font-weight: bold;}
	
	
	
	.traitOrange {
	line-height: 8px;
	height: 8px;
	background-image: url(../documents/traitOrange.jpg);
	background-repeat:repeat;
	background-repeat:repeat-x;}
	
	.traitBleu {
	height: 1px;
	width:550px;
	}
	
	
	.traitGris {
	height: 1px;
	width:550px;
	}

/*///////SOUS MENU AVEC ANCRES////////*/
	.nav {
	font-size: 10px;
	width: 550px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F99314;
	border-left-color: #F99314;
	}
	.nav a {font-size: 10px; }
/*///////SOUS MENU AVEC ANCRES////////*/	

/*///////LISTE AVEC PUCE ORANGE////////*/
	li {list-style-image: url(../documents/puceOrange.jpg);}
/*///////LISTE AVEC PUCE ORANGE////////*/

.imgDroite,
.imgGche {
	height: 268px;
	width: 268px;
}
.imgDroite{float: right;}
.imgGche {float: left;}
	
.blocCoul {
	float: left;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	margin-bottom: 20px;
	width: 550px;
	margin-top: 20px;
}
h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.blocImgDroite {
	float: right;
	margin-bottom: 7px;
	margin-left: 10px;
}
h4 {
	font-size: 11px;
	font-weight: normal;
}
.retrait1 {
	text-indent: 10px;
}
.retrait2 {
	text-indent: 20px;
}
.blocTDOrange {
	font-weight: bold;
}
h5 {
	font-size: 10px;
	font-weight: normal;
}

.title_000{
	font-weight:bold;
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.subtitle_000{
	font-weight:bold;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.subtitle_001{
	font-weight:regular;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.link_001{
	font-weight:regular;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
}

.title_002{
	font-weight:bold;
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.title_003{
	font-weight:regular;
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.title_004{
	font-weight:regular;
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left:5px;
}

.title_005{
	font-weight:bold;
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}