@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";

/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/
	/*------------------------------------------------*
 *---  CSS  02-04-2008   --*
 *------------------------------------------------*/
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F5F5F5;
	color: #000;
	background: url(../images/deco/bg_body_rp.gif) repeat-x top left;
}

p,form,input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}

/*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/
#general {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

/*Haut de page  HEADER*/
#header {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 290px;
	background: url(../images/deco/bg_header.jpg) no-repeat top left;
}

#baseline {
	margin: 14px 30px 0 4px;
	float: left;
	padding: 0px;
}

#newsletter {
	float: right;
	margin: 16px 10px 0 0;
	padding: 0px;
	color: #221E8F;
}
#newsletter p{
	float:left;
	font-weight:bold;
	padding: 8px;
	margin: 0;
}
#newsletter form{
	float: left;
	}	
	
.left_text{
	font-size: 12px;
	padding: 0 0 0 4px;
	}
.left_val{
	background-image: url(../images/deco/bt_newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	
}
/*Contenu de page  CONTENT */
#content {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background-image: url(../images/deco/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.separator {
	margin: 10px;
	padding: 0;
	height: 2px;
}

/*/// debut des colonnes ///*/
#left_content {
	float: left;
	position: relative;
	background: url(../images/deco/bg_gauche_rp.gif) repeat top left;
	width: 220px;
	left: 0px;
}

#left_content h1 {
	margin: 0;
	padding: 0;
	color: #FFF;
}

#left_content h4 {
	margin: 0;
	padding: 0;
	color: #FFFF00;
	
}
/*colonne actu*/
#colonne_actu{
	width: 200px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	}
.bloc_actu{
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #221E8F;
}
.bloc_actu a{
	color: #fff;
	text-decoration: none;
	}
.bloc_actu a:hover{
	color: #221E8F;
	}
.txt_actu{
	padding: 5px;
	margin: 0;
	color: #E0E0E0;
}


.bloc_action{
	width: 754px;
	margin: 0 auto;
	padding: 5px 0 5px 5px;
}
.bloc_action_detail{
	margin: 5px 0;
	padding: 10px 0 10px 10px;
	height: auto;
	width: auto;
}
.bloc_action_detail img{
	float: right;
	padding: 3px;
	border: 1px solid #221E8F;
	margin: 2px;
}
.bloc_action_detail p{
	padding: 10px;
	margin:0;
}
.bloc_action_detail a{}
.bloc_action_detail a:hover{}

.bloc_action_detail h2{
	background-image: url(../images/deco/bg_parag2.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 10px 0;
	padding: 0 10px;
	color: #FFFFFF;
	font-size: 16px;
}

.videos div{
  float:left;
  padding:10px;
}

.bloc_equipe{
	width: 754px;
	margin: 0 auto;
	padding: 5px 0 5px 5px;
}
.bloc_equipe_detail{
	width: auto;
	margin: 5px 0;
	padding: 10px 0 10px 10px;
	}
.bloc_equipe img{
	float: right;
	padding: 3px;
	border: 1px solid #221E8F;
	margin: 2px;
}
.bloc_equipe p{
	padding: 10px;
}
.bloc_equipe a{}
.bloc_equipe a:hover{}

.bloc_equipe_detail h2{
	background-image: url(../images/deco/bg_parag2.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 10px 0;
	padding: 0 10px;
	color: #221E8F;
	font-size: 16px;
}


.bloc_video{
	width: auto;
	height: auto;
	margin: 5px;
	padding: 5px;
	float: left;
}
/*/// partie de droite ///*/
#right_content {
	float: right;
	position: relative;
	background-color: #333;
	width: 200px;
	right: 0px;
}

#right_content h1 {
	margin: 0;
	padding: 0;
	color: #000;
}

#right_content h4 {
	margin: 0;
	padding: 0;
	color: #00FF00;
}

/*///    partie du centre   ///*/
#middle_content {
	float: left;
	width: 760px;
	background-image: url(../images/deco/deco_bas_content.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 35px 0;
	margin: 0;
}

#middle_content h1 {
	margin: 3px 10px;
	padding: 0;
	color: #221E8F;
	text-align: right;
	font-size: 26px;
}
#middle_content h2 {
	margin: 10px;
	padding: 0;
	color: #217CE5;
	text-align: left;
	font-size: 18px;
}
#txt_intro{
	float: left;
	width: 300px;
	padding: 20px 10px;
	/*	padding: 20px 5px;*/
	margin: 15px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	}
.txt_general{
	padding: 10px;
	margin: 0;
}
.txt_general a{
	color: #217CE5;
	font-weight: bold;
	text-decoration: none;
}
.txt_general strong{
	color: #217CE5;
	font-weight: bold;
	text-decoration: none;
}
.txt_general a:hover{
	color: #221E8F;
}

.txt_detail{
	padding: 10px;
	margin: 0 auto;
	text-indent: 10px;
	background-repeat: repeat;
	background-position: left top;
	}
/*contact*/
.txt_img{
	background-image: url(../images/deco/deco_content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 289px;
}
.txt_img_contact{
	background-image: url(../images/deco/deco_content2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 289px;
}
#txt_contact{
	float: left;
	width: auto;
	padding: 20px;
	margin: 30px 5px;
	font-weight: bold;
	font-size: 14px;
}
#gmap{
	height: auto;
	float: right;
	margin: 10px 5px;
	border: 1px solid #221E8F;
	padding: 3px;
	width: 350px;
}
#gmap a{
	color: #221E8F;
	text-decoration: none;
}
#gmap a:hover{
	color: #221E8F;
	background-color: #FFFF00;
}

/*/// fin des colonnes ///*/ /*Bas de page  FOOTER*/
#footer {
	margin: 0 auto;
	padding: 5px 0;
	width: 980px;
	text-align: center;
	color: #F5F5F5;
	/*background: url(../images/deco/bg_footer_rp.gif) repeat-y top left;*/
	background-color: #221E8F;
}

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

#footer a:hover {
	color: #3D91E9;
}


.lien-pdf{
	float:left;
	background-image:url(../images/deco/ico-pdf.gif);
	text-align: right;
	font-variant:small-caps;
	height:14px;
	line-height:14px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	
}
.lien-pdf img{
	border:none;
	float: left;
	
}
.lien-pdf a{
	color:#217CE5;
	text-decoration:underline;
}
.lien-pdf a:hover{
	color:#444;
	text-decoration:none;
}


/*classe clear*/
.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
/*swf object*/
#anim_gauche{
	width: 210px;
	margin: 0 auto;
	height: 310px;
	padding: 10px 0;
}
#player-video{
	width: 300px;
	margin:0;
	padding:10px;
	height:250px;
}
#player-video2{
	width: 300px;
	margin:0;
	padding:10px;
	height:250px;
}
/*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
h1 {
	margin: 0;
	padding: 0;
	color: #000;
}

h2 {
	margin: 0;
	padding: 0;
	color: yellow;
	font-size: 26px;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	background-color: #52A0EB;
}

h4 {
	margin: 10px 0;
	padding: 0 25px;
	color: #221E8F;
	font-size: 16px;
	}

h5 {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
	font-size: 12px;
	
}

h6 {
	margin: 0;
	padding: 25px 0px 20px 75px;
	color: #FFFF00;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/deco/fd_ht_actu.gif);
	background-repeat: no-repeat;
	background-position: left -10px;
}
/*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
  
ul#navpage{
    margin:0;
    padding:10px 45px 10px 0;
    list-style-type:none;
    font-size:0.9em;
    text-align:left;
}

ul#navpage li{
    margin:0 0 0 3px;
    padding:0;
    display:inline;
}

ul#navpage a{
    color:#221e8f;
    text-decoration:none;
}

ul#navpage a:hover{
  color: #499aeb;
  text-decoration: none;
}

ul#navpage a.texte_page{
    font-weight : bold;
    font-size   : 12px;
    color       : #FFF;
    background  : #221e8f;
}


ul#navpage .inactif {
    color: #000;
}