html, body {
 	
 	margin: 0;
 	padding: 0;
	padding-left: 0px;
 	height: 100%;
 	text-align: center;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	
	line-height: 1.4em;
	color: #474747;
	background-color: #fff;
	background-image: url("images/commun/bgDesign.gif");
	background-position: top left;	
	background-repeat: repeat-x;
 }





/*---------------------------------------------------------------
					
				STYLES GLOBAUX 

--------------------------------------------------------------- */

img {
	border: 0;
}

.clearall {
	clear: both;
}

h1, h2, h3 {
	clear: both;
	margin: 0;
	padding: 0;
	color: #c10031;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 1.2em;
	border: 0px solid #000;
	font-family:  Arial, Helvetica, sans-serif;
}


h1 {
	font-size: 20px;
	color: #333;
}

h2, h2 a {
	font-size: 14px;
}



h3 {
	font-size: 12px;
	line-height: 1em;
}


a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #c10031;
	outline: none;
}

a:visited {
	color : #c10031;
}

a:hover {
	color : #000;
}

a.suite {
	padding-left: 14px;
	background-image: url("images/commun/fleche_pixel.gif");
	background-position: 0px 3px;	
	background-repeat: no-repeat;
}

a.suite:hover {
	padding-left: 14px;
	background-image: url("images/commun/fleche_pixel.gif");
	background-position: 0px 3px;	
	background-repeat: no-repeat;
	color: #000;
}



p {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}


div {
	border: 0px solid #000;
	margin: 0;
	padding: 0;
}





h1 a {
	color: #fff;
}

h1 a:hover {
	color: #07759e;
}


h2.erreur {
	color: #ca4600;
	border: 2px solid #ca4600;
	text-align: center;
	padding: 5px;
	margin-bottom: 20px;
}

h1.h1Home {
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	color: #000;
}


/*---------------------------------------------------------------
					
					STRUCTURE FOND BLANC

--------------------------------------------------------------- */



#total {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	border: 0px solid #690;
	background-color: transparent;
	text-align: center;
	z-index: 10;

}

#conteneur {

	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #690;
	background-color: transparent;
	/*
	background-image: url("images/commun/test_fond.jpg");
	*/
	background-position: top left;	
	background-repeat: repeat-x;

	
}



/*---------------------------------------------------------------
					LOGO ET NAV
--------------------------------------------------------------- */
#logo {
	float: left;
	border: 0px solid #690;
background-image: url("images/commun/logoDesign.gif");
	background-position: top left;	
	background-repeat: no-repeat;
}

#navigation {
	float: right;
	width: 240px;
	margin-top: 30px;
border: 0px solid #ccc;
}


#navigation a {
	float: right;
	display: block;
	height: 20px;
}

#navigation .design {
	width: 70px;
	margin-right: 0px;
	float: left;
	background-image: url("images/commun/ongletDesign_off.gif");
	background-position: top left;	
	background-repeat: no-repeat;

}
#navigation .design:hover {
	background-image: url("images/commun/ongletDesign_on.gif");
}

#navigation .production {
	float: left;
	width: 85px;
	background-image: url("images/commun/ongletProduction_off.gif");
	background-position: top left;	
	background-repeat: no-repeat;
	margin-right: 3px;
}

#navigation .production:hover {
	background-image: url("images/commun/ongletProduction_on.gif");
}


#navigation .contact  {
	float: right;
	
	background-image: url("images/commun/00.gif");
	background-position: right 4px;	
	background-repeat: no-repeat;
	border-left: 0px solid #474747;
	padding-left: 0px;
color: #ccc;
text-transform: uppercase;
font-size: 10px;
padding-right: 0px;
}

#navigation .contact:hover {
	background-image: url("images/commun/00.gif");
color: #c10031;
}



/*---------------------------------------------------------------
					HEADLINE
--------------------------------------------------------------- */
#headline {
	margin-top: 10px;
	padding: 10px;
	padding-bottom : 2px;
	background-color: #fff;
	

}

#headline h1 {
font-size: 32px;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0;
}

#headline h2 {
font-size: 22px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #333;
}



/*---------------------------------------------------------------
					ANNONCE
--------------------------------------------------------------- */
#annonce {
float: left;
	width:495px;
margin-bottom: 10px;
	border: 1px dotted #ccc;
	background-image: url("images/commun/fnd20.gif");
	color: #999;
}



#annonce-contenu {
float: left;
	padding: 10px;
	padding-bottom : 2px;

}



#annonce-contenu h1 {
	color: #666;
	font-weight: bold;
font-size: 14px;
}

#annonce-contenu a {
	color: #666;
	font-weight: normal;
}
#annonce-contenu a:hover {
	color: #c10031;
	font-weight: normal;
}


#annonce-contenu #fermetureAnnonce {
	position: absolute;
top: 8px;
right: 0;
	margin-right: 10px;
	width: 25px;
height: 25px;
	border: 0px solid #ccc;
/*
	background-image: url("images/commun/close.gif");
*/
	background-position: right 0px;	
	background-repeat: no-repeat;
}



/*---------------------------------------------------------------
					FLASH ET ACCROCHE
--------------------------------------------------------------- */

#bandeauFlash {
	float: left;
	margin-top: 10px

}

#accroche {
float: left;
margin-top: 15px;
margin-bottom: 10px;
border-top: 0px solid #e7e7e7;
border-bottom:0px solid #e7e7e7;


}

/*
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

*/

/*---------------------------------------------------------------
				COLONNE GAUCHE : REALISATIONS
--------------------------------------------------------------- */

#colonneGauche {
	float: right;
	background-color: transparent;
	padding-right: 0px;
	padding-left: 0px;
	padding: 0;
	margin: 0;
	width: 495px;
margin-top: 0px;
}

.boiteRealisation {
	float: left;
	padding: 0;
	width:495px;
	margin-bottom: 15px;
	background-color: #fff;
	display: block;
	color: #666;
}

.boiteRealisation a {
	float: left;
	display: block;
	width:495px;
	border: 1px solid #ccc;
	color: #666;
	height: 160px;

}

.boiteRealisation a:hover {
	background-color: #fafafa;
border: 1px solid #ccc;
	color: #000;
}


.boiteRealisation a:visited {
	color: #666;
}



.boiteRealisation img {
	float: left;
}

.boiteRealisation .imageFlashHome {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	width: 320px;
}

.boiteRealisation span {
	float: left;
	display: block;
	right: 0px;
	padding: 15px;
padding-right: 0px;
	padding-top: 10px;
	width: 28%;
	border: 0px solid #000;
}


/*---------------------------------------------------------------
				COLONNE DROITE : ARGU + NEWS
--------------------------------------------------------------- */
#colonneDroite {
	float: left;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 320px;
	
}



.formesNouvelles {
	float: left;
	border: 0px solid #ccc;
	margin-bottom: 10px;
	width: 280px;
	background-color: #fff;
	color: #474747;
}


.formesNouvelles  h2{
	color: #c10031;
	font-size: 16px;
}


.clients {
width: 320px;

}



.formesNouvelles ul{
	float: left;
width: 160px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.formesNouvelles li{
clear: both;
width: 160px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
}



#news {
	float: left;
	border: 1px solid #ccc;
	margin-top: 20px;
	width: 100%;
	background-color: #fff;

}

.newsContenu, .formesNouvellesContenu {
	padding: 15px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.formesNouvellesContenu {
	padding: 0px;
	border: 0px;
	margin: 0;
}


#news h2, #news h3 {
	font-weight: normal;
	font-size: 12px;
	color: #333;
}


#news h3 {
	font-weight: bold;

}



.sepNews {
	float: left;
	height: 1px;
	width: 100%;
	border-bottom: 0px dotted #ccc;
	margin-bottom: 10px;
	height: 15px;
	background-image: url("images/commun/pointilles.gif");
	background-position: center left;	
	background-repeat: repeat-x;
}


/*---------------------------------------------------------------
					
					BOITES COINS RONDS

--------------------------------------------------------------- */

.box { 
	background: #f2f2f2; 
	width: 260px;
	color: #000;
}
.boxtop { 
	background: url(images/coins_f2f2f2/ne.gif) no-repeat top right; 
}
.boxtop div { 
	height: 10px; 
	background: url(images/coins_f2f2f2/nw.gif) no-repeat top left; 
}
.boxbottom { 
	background: url(images/coins_f2f2f2/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
	height: 10px; 
	background: url(images/coins_f2f2f2/sw.gif) no-repeat bottom left; 
}
.boxcontent {
	padding: 0px 10px 0px 10px;
}


.box  h2{
	color: #c10031;
	font-size: 16px;
}


.box  b{
	color: #000;
	font-size: 12px;
}


.box ul{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.box li{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 6px;
}



/*---------------------------------------------------------------
					
					STRUCTURE BAS : FOND GRIS

--------------------------------------------------------------- */



#total02 {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	border: 0px solid #690;
	background-color: #272727;
	text-align: center;
	z-index: 10;
}

#conteneur02 {
	width: 850px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #690;
	color: #ccc;
}


#conteneur02 h1, #conteneur02  h2, #conteneur02  h3 {
	color: #ccc;

}

/*---------------------------------------------------------------
					ADRESSE + PHOTOS
--------------------------------------------------------------- */

#adresse {
	float: left;
	width: 425px;
	border: 0px dotted #ccc;
	position: relative;
	top: 10px;
text-align: left;

}


#adresseSuite {
	padding-top: 10px;
	border: 0px dotted #ccc;
	float: left;
	padding-left: 27px;
	border-left: 1px solid #ccc;
}


#adresseImages {
	border: 0px dotted #ccc;
	float: right;
	width: 550px;
}

#adresseImages img {
	float: right;
	margin-left: 10px;
	width: 163px;
	height: 163px;
	background-color: #ccc;
}


#adresseImages img:hover {

}
/*
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
*/


/*---------------------------------------------------------------
					PROFILS
--------------------------------------------------------------- */


#introProfils {
	float: left;
	width: 850px;
	margin-top: 20px;
	font-size: 15px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	font-weight: bold;
}

#conteneur_profils {
	float: left;
	width: 850px;
background-image: url("images/commun/fondProfils.gif");
background-position: bottom;
	background-repeat: no-repeat;
margin-top: 15px;
	
}




.boiteProfil {
	float: left;
	
	width: 416px;
	border-top: 1px solid #ccc;

}

.boiteProfilContenu {
	float: left;
	padding: 20px;
	padding-top: 15px;
	border: 0px solid #000;
}

.samuel, .emmanuel {
	background-position: right 5px;
	background-repeat: no-repeat;
}

.samuel {
	float: right;
	background-image: url("images/commun/profil_samuel00.jpg");
background-position: 270px 5px;

}

.emmanuel {
	background-image: url("images/commun/profil_emmanuel00.jpg");
}

.boiteProfil h2 {
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	padding-bottom: 4px;
}
.boiteProfil h3 {
	font-weight: normal;
	font-size: 13px;
}

.boiteProfil p {
	width: 350px;
}


#mentions {
	float: left;
	width: 850px;
	margin-top: 20px;
	font-size: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	text-align: center;
}














/*---------------------------------------------------------------
					
FICHE

--------------------------------------------------------------- */

#fiche_titre {
	float: left;
	clear: both;


}

#fiche_titre h1 {
	font-size: 34px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing: -0.01em;
	font-family: Helvetica, Arial, sans-serif;
}

#fiche_bandeauVideo {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 670px;
	border: 0px solid #ccc;
	
}




#fiche_media {
	float: right;
	width: 170px;
	border: 1px solid #ccc;
	height: 279px;
	margin-top: 10px;
}


#fiche_media img {
	float: left;
}

#fiche_media img.titre {
	float: left;
	margin: 0px 0px 10px 0px;	
}

/*---------------------------------------------------------------
			FICHE : NO FLASH
--------------------------------------------------------------- */
#annonceNoFlash {
	float: left;
	margin-top: 10px;
	width: 850px;
	text-align: center;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 0px;
}


/*---------------------------------------------------------------
			FICHE : VIGNETTES FILMS
--------------------------------------------------------------- */
#fiche_media_films {
	float: left;
	margin-top: 10px;
	margin-bottom: 7px;
	margin-left: 10px;
	display: inline;
}


#fiche_media_films a {
	float: left;
	clear: both;
	display: block;
	border: 0px; 
	margin-bottom: 8px;
	float: left;
	border: 1px solid #ccc;
}

#fiche_media_films a:hover {
	border: 1px solid #fff; 
}


#fiche_media_films a img{
	margin: 0px; 
}



#fiche_media_films a:hover img{
	display: block;
	float: left;
	width: 150px;
	margin: 0;
	width: 148px; 
	height: 38px;
	border: 1px solid #c10031;
}


#fiche_media_films a.selection  {
	border: 1px solid #fff;  
}
#fiche_media_films a.selection img {
	border: 1px solid #c10031;  
}

#fiche_media_films a.selection img {
	width: 148px; 
	height: 38px;   
}



/*---------------------------------------------------------------
			FICHE : VIGNETTES PHOTOS
--------------------------------------------------------------- */

#fiche_media_photos {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	bottom: 0;
	position: relative;
	display: inline;
}



#fiche_media_photos ul {
	clear: both;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#fiche_media_photos ul li{
	float: left;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 45px;
	height: 45px;
	margin-right: 6px;
	margin-bottom: 6px;
}



#fiche_media_photos ul li a  {
	float: left;
	margin: 0;
	border: 0;
	margin-right: 0px;
	display: block;
	border: 1px solid #ccc;
}



#fiche_media_photos ul li a img {
	float: left;
	display: block;
	margin: 0;
	width: 45px;
	height: 45px;
	background-color: #e7e7e7;
	border: 0;
}



#fiche_media_photos ul li a:hover {
	border: 1px solid #fff;
}


#fiche_media_photos ul li a:hover img {
	width: 43px;
	height: 43px;
	border: 1px solid #c10031;
}


/*---------------------------------------------------------------
			FICHE : HAUT FICHE = ACCROCHE + TEXTE
--------------------------------------------------------------- */
#sepHautFiche {
	float: left;
	width: 850px;
	height: 0px;
}

#hautFiche {
	float: left;
	width: 850px;
}


#fiche_accroche {
	float: left;
width: 500px;
margin-top: 4px;

}
#fiche_accroche h2 {
	padding-top: 5px;

}
#fiche_accroche h3 {
	font-size: 26px;
color: #333;

}

#fiche_texte {
	float: right;
	margin-top: 0px;
	width: 338px;
color:#464646;
	
}


/*---------------------------------------------------------------
			FICHE : BOITES FOCUS TECHNIQUE + LIENS
--------------------------------------------------------------- */

#conteneur_focusLiens {
	float: left;
	background-image: url("images/commun/fondFocusLiens.gif");
	background-position: top left;	
	background-repeat: repeat-y;
	padding-bottom: 10px;
	width: 850px;
	margin-top: 10px;
}


#boite_focusTechnique, #boite_liens {


}

#boite_focusTechnique {
	float: left;
	width: 500px;
}

#boite_liens {
	float: right;
	width: 338px;
}



#boite_focusTechnique .titre, #boite_liens .titre {
	float: left;
	font-weight: bold;
	display: block;
	padding-left: 15px;
	padding-top: 8px;
	width: 150px;
	border: 0px solid #000;
	color: #000;
	font-size: 14px;
}

#boite_liens .titre {
	width: 110px;
}

#boite_liens .contenu {
	float: right;
	display: inline;
	padding-top: 10px;
	margin-right: 15px;
	width: 180px;
	color: #666;
border: 0px solid #000;
	
}

#boite_focusTechnique .introFocus {
	float: right;
	position: relative;
	z-index: 3;
	padding-top: 10px;
	margin-right: 15px;
	width: 300px;
	color: #666;
	display: inline;
}



#boite_focusTechnique a {
	color: #c10031;
}

#boite_focusTechnique a:hover {
	color: #000;
}


#boite_liens a {
	color: inherit;
}

#boite_liens a:hover {
	color: #c10031;
}
/*
#boite_liens a {
	padding-left: 14px;
	background-image: url("images/commun/fleche_pixel.gif");
	background-position: 0px 3px;	
	background-repeat: no-repeat;
}

#boite_liens a:hover {
	padding-left: 14px;
	background-image: url("images/commun/fleche_pixel.gif");
	background-position: 0px 3px;	
	background-repeat: no-repeat;
	color: #000;
}
*/
/*---------------------------------------------------------------
			FOCUS TECHNIQUE : PAGE CHARGEE
--------------------------------------------------------------- */

#focusTechnique {
	float: right;
	width: 330px;
	

}
#focusTechnique .focusTechniqueTexte{
	float: right;
	display: inline;
	margin-right: 15px;
	width: 300px;
	color: #666;
	padding: 0;
	border: 0px solid #000;
	
}



/*---------------------------------------------------------------
			FICHE : CRÉDITS
--------------------------------------------------------------- */

#credits {
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 850px;
	padding-top: 10px;
	padding-bottom: 10px;
}



#credits p {
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
}

/*---------------------------------------------------------------
			FICHE : MENU BAS
--------------------------------------------------------------- */


#fiche_menuBas {
	float: left;
	border: 1px solid #272727;
	width: 100%;
	margin-bottom: 15px;
}

#fiche_menuBas .filAriane {
	float: left;
	background-color: #272727;
	color: #fff;
	width: 100%;
}

#fiche_menuBas .filAriane span {
	display: block;
	padding: 3px;
	padding-left: 10px;
}

#fiche_menuBas .filAriane a {
	color: #fff;
}

#fiche_menuBas .filAriane a:hover {
	color: #c10031;
}



#fiche_menuBas ul{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom: 0px solid #ccc;
	display: inline;
}

#fiche_menuBas li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	width: 270px;
margin-right: 10px;
display: block;
}


#fiche_menuBas ul a {
	color: #999;
}

#fiche_menuBas ul a:hover {
	color: #000;
}

#fiche_menuBas ul a .categorie {
	color: #c10031;
	font-size: 11px;
}

#fiche_menuBas ul a:hover .categorie {
	color: #c10031;
}


/*---------------------------------------------------------------
					
						INFO BULLE

--------------------------------------------------------------- */

 
 
 

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	text-align: left;
	line-height: 1em;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #c10031;
	 padding: 4px 8px 0px;
	background: url(images/commun/bubble.png) top left;

}

.tool-text {
	font-size: 11px;
	padding: 0px 8px 4px;
	background: url(images/commun/bubble.png) bottom right;
}

.infoBulle-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.infoBulle-title {
	background:#fff;
	font-weight:bold;
	border:1px solid #a92f17;
	padding:5px;
	width:190px;
	text-align: left;
}

.infoBulle-text {
	background:#fff;
	border-left:1px solid #a92f17;
	border-right:1px solid #a92f17;
	border-bottom:1px solid #a92f17;
	border-top:1px solid #a92f17;	
	padding:5px;
	width:190px;
	text-align: left;
}





/*---------------------------------------------------------------
					
						OUTILS & STYLES GENERAUX

--------------------------------------------------------------- */



.imageAgauche {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;

}

.imageAdroite {
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;

}
.margeImageBas {
	border: 0;
	margin-bottom: 10px;
}


.invisible {
	display: none;
	float: none;
}

.taille0 {
width: 0;
height: 0;
}

.visible {
	display: block;
	float: left;
}


.espace5 {
	padding: 0;
	margin: 0;
	height: 5px;
	clear: both;
}


.sansFond  {
	background-image: url("images/commun/00.gif");
}




.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}


.aDroite {
	float: right;
}

.texteBleuFonce {
	color: #07759E;
}
.texteGris{
	color: #333;
}




p.erreur {
	margin: 0;
	padding: 3px;
	color: #ca4600;
	text-align: left;
	margin-top: 5px;
	border: 0px solid #ca4600;
	width: 420px;
}