@charset "UTF-8";
/* CSS Document */

/***************** GENERAL *******************/

*                       { margin:0; }

body                    { background:#f3f3f3; color:#000; font:11px/1.55em Century Gothic, Arial, Helvetica, sans-serif; float:center; }
p 						{ padding-bottom:10px;}

a                       { color:#DC001B; text-decoration:none; }
a:hover                 { color:#888; text-decoration:none; }


#pagecontact { position: relative; width:970px; height:1100px; margin:auto; background-color:#FFFFFF; }
#pagepro 	{ position: relative; width:970px; height:1060px; margin:auto; background-color:#FFFFFF; }
#pagepart { position: relative; width:970px; height:1360px;  margin-left: auto; margin-right: auto;background-color:#FFFFFF; }


#page,
#pagelegale		{ position: relative; width:970px; height:740px; margin:auto; background-color:#FFFFFF; }

#footer			{ width:970px; margin:auto 0; float:center; background-color:#FFFFFF; }

.contenu		{ width:970px; margin-right: auto; margin-left: auto;}


#blocinfo		{ background-color:#f3F3F3; padding:5px; }




#top			{ width:964px; height:16px; background-color:#DC001B; padding:3px; color:#FFF; text-align:center; }
#mail			{ width:42px; height:22px; float:right; margin-right:40px; border:0; }
#logo			{ background: url('images/logoFT.gif') no-repeat; width:310px; height:60px; float:left; margin-left:16px; margin-right: 5px; margin-top:37px; }
#_menu			{ float:left; margin-left:5px; margin-top:21px; }
#bandeau		{ background: url('images/bandeau.gif') no-repeat; width:970px; height:269px; margin-top:30px; float:left; margin-bottom:10px; }
#bt_index_pro	{ float:left; border:0; }
#bt_index_part	{ float:right; border:0; }

#V2bt_index_pro	{ background: url('images/bandeau_index_pro.gif') no-repeat; width:472px; height:269px; margin-top:30px; float:left; margin-bottom:10px; }
#V2bt_index_part	{ background: url('images/bandeau_index_part.gif') no-repeat; width:498px; height:269px; margin-top:30px; float:right; margin-bottom:10px; }


#bandeaupro		{ background: url('images/bandeaupro.gif') no-repeat; width:970px; height:125px; margin-top:30px; float:left; margin-bottom:10px; }
#bandeaupart	{ background: url('images/bandeaupart.gif') no-repeat; width:970px; height:125px; margin-top:30px; float:left; margin-bottom:10px; }
#bandeaucontact	{ background: url('images/bandeaucontact.gif') no-repeat; width:970px; height:125px; margin-top:30px; float:left; margin-bottom:10px; }

#bottom			{ width:964px; height:8px; background-color:#DC001B; padding:3px; color:#FFF; float:left; margin-top:10px; }
#miniparlonsboutique { padding-right:3px; width:79px; float:left; height:110px; }
#copyright			{ width:964px; height:8px; padding-left:10px; float:left; }


ul#navigation{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-transform:uppercase;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#navigation li{
position: relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	padding:10px 10px 0 10px;
	}
ul#navigation li a{
	display:block;
	float:left;
	color:#000;
	padding:5px;
	text-decoration:none;
	}
ul#navigation li a:hover{
	background-color:#DC001B;
	color:#FFF;
	}

/* Sous-menu */

ul#navigation ul {
position: absolute;
padding: 0}

ul#navigation ul li a {
font-size: 12px;
text-transform: none}


/* 
	================================================================================
	
	Sous-Menu

	================================================================================
*/

#head { }

#sous-menu {
	position: absolute;
	width: 160px;
	top: 100px;
	left: 439px;
	margin-top: 4px;
	}

#sous-menu a {
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	text-indent: 5px;
	background-color: #fff}

#sous-menu a:hover {
	color: #fff;
	background-color: #dc001b}


#bloccoord			{ width:238px; border-right:1px solid #888; float:left; padding: 10px 10px 10px 20px; }
#bloccoordpro		{ width:590px; height:500px; border-right:1px solid #888; float:left; padding: 10px 10px 10px 20px; }
#bloccoordpart		{ width:320px; height:500px; float:right; padding:10px; }

#blocpresent		{ width:345px; float:left; padding:10px; }
#blocpresentpro		{ width:350px; float:left; padding:10px; }

#blocpubli			{ width:310px; height:250px; float:left; padding:10px; border-left:1px solid #888; }
#blocpublipro		{ width:310px; height:210px; float:left; padding:10px; border-left:1px solid #888; margin-top:10px; }

#blocpublipart		{ width:310px; float:left; padding:10px; border-left:1px solid #888; margin-top:10px; }

#blocformulaire		{ width:310px; border-left:1px solid #888; float:left; padding:10px; margin-top:10px; }

                 
h1 { color:#DC001B; text-transform:uppercase; font-size:14px; text-align:left; font-weight:bold; padding-bottom:8px; }
h2 { color:#DC001B; font-size:16px; text-align:left; padding-bottom:3px; font-weight:lighter }


#blocreference			{ width:310px; border-left:1px solid #888; height:250px; float:left; padding:10px; }
#blocreferencepart		{ width:310px; border-left:1px solid #888; float:left; padding:10px; }



#blocannoncepart { background-color:#DC001B; 
padding:5px;
float: left;
width: 310px;
text-align: center;
margin-top: 15px;
font-size: 13px;
color: #FFF;
line-height: 34px;
}

#blocannoncepart a{ background-color:#DC001B; 
padding:5px; 
text-align: center;
margin-top: 15px;
color: #FFF;
}

#blocannoncepart a:hover{  
padding:5px; 
text-align: center;
margin-top: 15px;
color: #333;
}


#blocimage ul {
	list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#blocimage ul li {
	display: inline;
	float: left;
	margin:0;
	width:100px;
	height:100px;
	background-color:#f3f3f3;
	margin-right:2px;
	margin-bottom:2px;
}

#blocimage a {
	line-height:130px;
	background-color: #DC001B;
    color: #FFF;
	padding:5px;
    text-decoration: none;
    
}


#blocimage a:hover {
    background-color: #FFF;
    color: #DC001B;
    text-decoration: none;
}




#bloccontactdirecteur{ 
	float: left;
	list-style: none;
	margin-left: 10px;
	margin-right: 300px;
	margin-bottom: 10px;
}

#bloccontactdirecteur li{ 
	height:60px;
	background-color:#f3F3F3;
	width: 305px;
	margin: 0;
	
}



#bloccontacttel ul{ 
	float: left;
	padding: 0;
	margin-left: 10px;
	width: 945px;
	list-style: none;
	display: inline-block;
	background-color:#f3F3F3;

}

#bloccontacttel ul li{ 
	padding:5px;
	float: left;
	list-style: none;
	display: inline-block;
	margin-right: 240px;
}



#bloccontactassist ul{ 
	padding:5px;
	float: left;
	list-style: none;
	margin-left: 5px;
	margin-top: 10px;
}

#bloccontactassist ul li { 
	float: left;
	height:60px;
	background-color:#f3F3F3;
	width: 301px;
	margin: 0;
	margin-right: 140px;
}





#bloccoordcontact { 
	padding:5px;
	float: left;
}


.titrecontact { 
	background-color:#DC001B; 
	padding:5px;
	float: left;
	color: #FFF;
	width: 301px;
}


.trombi {
	float:left;
	padding:5px;
	margin-top: 10px;
	width: 301px;
}

.imgtrombi {
	float:left;
	border: solid 3px #FFF;
	margin-right: 5px;
}


.txttrombi {
	float:left;
	margin-top: 12px;
	width:235px;	
}

.txttrombi2 {
	float:left;
	margin-top: 3px;
	width:235px;	
}

.titretrombi {
	font-style:bold;
	float: left;
	font-size: 10px;
}


#bloccontactgroupe {
	list-style: none;
	float: left;
	padding: 2px;
}

.bloccontact {
	list-style: none;
	float: left;
	width: 310px;
	margin-left: 8px;
}


.bloccontact ul {
	list-style: none;
    margin-left: 0;
    padding-left: 0;
}


.bloccontact ul li {
	float: left;
	background-color:#f3F3F3;
}


#arg1{ 
	float: left;
	width: 500px;
	height: 5px;
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	margin-left: 45px;
	margin-right: 300px;
	margin-bottom: 10px;
	margin-top: 3px;
}

#arg2{ 
	float: left;
	width: 400px;
	height: 5px;
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	margin-left: 400px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-top: 3px;
}



/* Menu */


#nav{ 
	float: left;
	list-style: none;
	margin-top: 35px;
}


#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 24px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	text-transform: uppercase;
	margin-top: 55px;
}

#menu .souslist a /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
	text-transform: uppercase;
	width: 190px;
	text-align: left;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 20px;
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background : #efefef; /* couleur de fond */	
	color : #000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 122px; /* largeur */
}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 114px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff;
	width: 164px;
	
	 /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

#menu li ul ul 
{
	margin		: -22px 0 0 134px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}

#menu a:hover, #menu li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #FFF; /* On passe le texte en noir ... */
	background: #DC001B; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	width: 194px;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
	width: 164px;
}