@charset "utf-8";
/*-------------------------------------------------------------------------------------------------100*/
/* 	display:inline;		 IE6 double margin (inline+float) */
/*	float:left; */
* {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	}
/*-------------------------------------------------------------------------------------------------*/
body {
	background-color:#FFFFFF;
	}
div#page{
	overflow:hidden;		/* Pour empêcher fusion des marges avec le header */
	position:relative;
	width:1024px;
	height:764px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	}
body div#page{background-image:url(/images/charte/fondPageInterieure.jpg);}
body.accueil div#page{background-image:url(/images/charte/fondPageAccueil.jpg);}
/*-------------------------------------------------------------------------------------------------*/
/*-- Enrichissements ------------------------------------------------------------------------------*/
img{
	border-style:none;
	border-width:0;
	}
p {
	margin-top:5px;
	text-align:justify;
	}
a{
	text-decoration:none;
	color:#000000;
	}
span.note{
	font-size:11px;
	}
.italique{
font-style: italic;
	}
/*-------------------------------------------------------------------------------------------------*/
div#header {
	width:1024px;
	height:35px;
	margin:0 0 0 0;
	}
div#menu{
	margin:0 0 0 0;
	}
div#menu ul{
	height:35px;
	background-color:#000000;
	}
div#menu li{
	float:left;
	list-style-type:none;
	width:120px;	
/*	width:102px;*/
	height:25px;
	margin:5px 0 5px 0;
	background-color:#000000;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#FFED00;
	}
div#menu li.accueil,div#menu li.contact{
	width:90px;
	}
div#menu li.active{
	background-color:#FFED00;
	}
div#menu li.first{
	margin-left:5px;
	border-left-style:none;
	}
div#menu li a{
 	display:inline;
	float:left;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
	text-align:center;
	}
div#menu li.accueil a, div#menu li.contact a{
	width:90px;
	}
div#menu li.active a{
	color:#42210B;
	background-color:#FFED00;
	}
div#menu li a:hover{
/*	color:#42210B;*/
	font-weight:bold;
	color:#FFED00;
	}
div#menu li.active a:hover{
/*	color:#42210B;*/
	color:#0000FF;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu{
	margin:0;
	width:1024px;
	height:680px;
	background-position:left top;
	background-repeat:no-repeat;
	}
body.creation	div#contenu	{background-image:url(/images/charte/creation.png);}
body.prepresse	div#contenu	{background-image:url(/images/charte/prepresse.png);}
body.impression	div#contenu	{background-image:url(/images/charte/impression.png);}
body.numerique	div#contenu {background-image:url(/images/charte/numerique.png);}
body.routage	div#contenu {background-image:url(/images/charte/routage.png);}
body.valeurs	div#contenu	{background-image:url(/images/charte/environnement.png);}
body.equipe		div#contenu {background-image:url(/images/charte/equipe.png);}
body.actualites	div#contenu {background-image:url(/images/charte/actualites.png);}
body.contact	div#contenu {background-image:url(/images/charte/contact.png);}

div#contenu h1#titrePage{
	display:none;
	}
div#contenu div#chapeau{
 	display:inline;
	float:left;
	margin:30px 0 0 370px;
	width:600px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
div#contenu div#chapeau p{
	font-size:22px;
	font-weight:bold;
	}
div#contenu div#texte{
 	display:inline;
	float:left;
	margin:20px 0 0 540px;
	width:470px;
	}
div#contenu div#texte p{
	font-size:14px;
	line-height:1.4em;
	}
p.lienCatalogue a{
	font-size:1.1em;
	color:#FF0000;
	}
p.lienCatalogue strong{
	font-size:1.3em;
	color:#FF0000;
	}
/*-------------------------------------------------------------------------------------------------*/
div#footer{
 	display:inline;		/* IE6 double margin (inline+float) */
	float:right;
	margin:25px 10px 0 0;
	font-size:12px;
	text-align:right;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Pages spécifiques ----------------------------------------------------------------------------*/
body.accueil #blocGauche{
 	display:inline;
	float:left;
	width:200px;
	height:500px;
	margin:0 0 0 0;
	}
body.accueil #blocGauche img#logoCyrnos{
	margin:420px 0 0 10px;
	}
body.accueil #blocGauche p{
	margin:5px 0 0 15px;
	font-size:14px;
	clear:left;
	}
body.accueil img#puzzleAccueil{
 	display:inline;
	float:left;
	width:500px;
	height:500px;
	margin:0 0 0 0;
	}
body.accueil div#contenu div#chapeau{
	margin:15px 0 0 10px;
	width:300px;
	}
body.accueil div#contenu div#chapeau p{
	font-size:18px;
	text-align:right;
	}
body.accueil div#contenu div#texte{
	margin:15px 0 0 10px;
	width:300px;
	height:155px;
	overflow:hidden;
	}
body.accueil div#contenu div#texte p{
	font-size:12px;
	line-height:1.4em;
	}
body.accueil div#contenu .theme-default #slider{
    margin:0 auto 0 auto;
    width:300px; 			/* Make sure your images are the same size */
    height:170px;			/* Make sure your images are the same size */
    float:left;
	margin:10px 0 0 10px;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu.equipe div#chapeau{
 	display:inline;
	float:left;
	margin:30px 0 0 300px;
	width:700px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
div#contenu.equipe div#texte{
 	display:inline;
	float:left;
	margin:20px 0 0 300px;
	width:700px;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu div#chapeauActus{
 	display:inline;
	float:left;
	margin:30px 0 0 270px;
	width:600px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
div#contenu div#chapeauActus p{
	font-size:22px;
	font-weight:bold;
	}
div#contenu div#blocActualites{
 	display:inline;
	float:left;
	width:710px;
	height:360px;
	margin:30px 0 10px 270px;
	overflow-y:auto;
	}
div#contenu div#blocActualites div.actualite{
	clear:left;
	margin-top:10px;
	}
div#contenu div#blocActualites div.actualite h2{
/*	font-family: Times New Roman, Times, serif;*/
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	margin:5px 0 15px 0;
	font-weight:bold;
	color:#1FA22E;
	}
div#contenu div#blocActualites div.actualite img{
	float:left;
	margin:0 10px 10px 0;
	}
div#contenu div#blocActualites div.actualite p{
	margin:0 10px 0 0;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contact{
 	display:inline;
	float:left;
	margin:0 0 0 0;
	}
div#contact div#blocCoordonnees{
 	display:inline;
	float:left;
	margin:40px 0 0 270px;
	width:270px;
	height:320px;
	}
div#contact div#blocCoordonnees div#facebook{
 	display:inline;
	float:left;
	margin:40px 0 0 0;
	}
div#contact div#blocFormulaire{
 	display:inline;
	float:left;
	margin:40px 0 0 0;
	width:470px;
	height:320px;
	}
div#contact div#blocInfosLegales{
 	display:inline;
	float:left;
	margin:30px 0 0 540px;
	width:470px;
	}
div#contact h2{
	margin:5px 0 15px 0;
	font-size:16px;
	font-weight:bold;
	color:#1FA22E;
	}
div#contact div#blocInfosLegales h2{
	margin:5px 0 5px 0;
	font-size:14px;
	}
div#contact div#blocInfosLegales p{
	font-size:11px;
	}
div#contact div#blocInfosLegales a{
	text-decoration:none;
	color:#000000;
	font-size:11px;
	}
div#contact li{
	list-style-type:none;
	}
div#contact p.nota{
	font-size:11px;
	}
div#contact form{
	}
div#contact form p{
	margin:0 0 5px 0;
	padding:0;
	}
div#contact form label{
    float:left;
	display:block;
    clear:left;
	width:120px;
	float:left;
	}
div#contact form input{
	width:320px;
	font-size:12px;
	}
#contact form input.check{
	width:20px;
	margin-right:1px;
	margin-left:5px;
	}
#contact form textarea{
	width:320px;
	font-size:12px;
	}
/*-------------------------------------------------------------------------------------------------*/