/*
Auteur : Nicolas Zengarli
www.ComCassandre.com
Pour : C'Com.Cassandre
Date : 11/2009
*/


/************ GENERIC ************
**********************************/
html,body {margin: 0;padding: 0;font-family:Helvetica, sans-serif;background:#fff;}

a{color: #0066cc;text-decoration:none;}
a img{border:none;}
a:hover{color: #E2007A;border:none;text-decoration:none;}



/*********************** BODY ************************/
*{margin:0;padding:0;}

#conteneur {margin:0 auto;width:800px;
background:#fff url(http://www.c-com-imprimerie.com/images/frise.jpg) no-repeat;}

#tetiere{text-align: right;}

#contenu{width:100%;margin:0 0 40px 0;float:left;}
#contenu p{margin:10px 60px 0 143px;text-align:justify;font-weight:bold;}

#contenu h1{color:black;line-height:0.6em;font-size: 1.6em;font-weight:bold;margin:35px 0 15px 125px;padding:2px;letter-spacing:-.09em;font-family: Avantgarde, Helvetica, sans-serif;display:inline;float:left;}
#contenu h2{color:black;line-height:0.6em;font-size: 1.15em;font-weight:bold;margin:15px 0 0 100px;letter-spacing:-.09em;font-family: Avantgarde, Helvetica, sans-serif;text-align:center;}

#contenu h5{color:black;line-height:0.6em;font-size: .8em;font-weight:bold;margin:15px 0 0 100px;letter-spacing:-.09em;font-family: Avantgarde, Helvetica, sans-serif;text-align:right;float:right;}/*ancres pour remonter en haut de la page*/

#slider, #slider li{width:600px;height:240px;overflow:hidden; }
#slider{margin:10px 0 0 143px;background:white;float:left;}


#contenu .titre{float:left;width:100%;}/*permet de caler les H1 du portfolio*/

#contenu a.yellow{color:black;}

/************ MENU ************
**********************************/


#menu{margin:0;float:left;width:100%;}

#menu ul{margin:0 0 0 90px;font-size:.92em;text-align:center;}
#menu li{display:inline;margin:0 5px 0 0;}
#menu li a{color:white;background:#D0D0D0;font-weight:bold;}
#menu li a:hover, #menu li a:active, #menu li  a:focus{background:#4FB2FF;color:#fff;}


/**************************************/

#descriptif{clear:both;float:right;text-align:right;color:white;line-height:0.6em;font-size: 0.9em;font-weight:bold;
margin:0px 65px 15px 0;font-family: Avantgarde, Helvetica, sans-serif;width:600px;}

#menu h1, #menu h2{font-size: 1.05em;margin:4px 0 0 0;}
#descriptif h1, #descriptif h2 {font-size: .80em;line-height:1.35em;}

#descriptif h1, #descriptif h2{margin:5px 0 5px 0;}
#descriptif a, #menu a {color:#fff;}
#descriptif .yellow, #descriptif a.yellow, #menu a.yellow{color:black;}
#descriptif a:hover, #menu a:hover {color:#0066CC;}

#descriptif .cyan, #menu .cyan, #contenu .cyan, #contenu h1.cyan{background: #009EE0;}
#descriptif .magenta, #menu .magenta, #contenu .magenta, #contenu h1.magenta{background: #E2007A;}
#descriptif .yellow, #menu .yellow, #contenu .yellow{background: #FFEE0E;}
#descriptif .black, #menu .black, #contenu .black{background: black;}

#contenu .black, #contenu .magenta, #contenu .cyan{color:white;}

/* references */

#contenu .ref{background:white;margin:5px;width:155px;height:125px;display:block;float:right;border:5px solid #E2007A;}
#contenu .ref h1{margin:95px 0 0 0;padding:2px 4px;color:black;font-size:.6em;font-weight:bold;}
#contenu .ref h2{padding:0 4px;color:black;font-size:.57em;font-weight:normal;}

#contenu .b{border-color:black;}/*pour la bordure en NOIR */
#contenu .vide{border-color:white;}/*pour la bordure en NOIR */	

/*catalogues*/

#catalogue{margin:0;padding:0;width:980px;height:750px;margin:0 auto;}

#contenu .catalogue, #contenu .lien{background:white;margin:20px 10px 5px 10px;width:320px;height:225px;display:block;float:right;border:5px solid #4d4d4d;}

/*#contenu .catalogue a{display:block;width:320px;height:225px;}*/

#contenu .catalogue a{display:block;width:320px;height:225px;font-size:1.25em;color:white;font-weight:bold;line-height:.78em;}
#contenu .catalogue a:hover{color:silver;}
#contenu .catalogue span{margin:150px 0 0 0;padding:3px 4px;background:#E2007A;float:right;}


#contenu .lien {border-color:white;height:15px;margin:0 10px;}
#contenu .lien h2 {font-size:.9em;text-align:left;margin:0;font-style:italic;}
	
/************ FOOTER ************
**********************************/
	
#footer{width:675px;margin:0 0 0 90px;padding:10px 0 10px 0;clear:both;text-align:center;font-size:0.7em;color:#0066cc;line-height:0.95em;}
#footer ul{padding:0 10px;list-style-type: none;}
#footer li{display:inline;}

#footer p{padding:10px 0;}