/* Couleurs utilisées :
Orange : #ff9933
Orange clair (recherche) : #ffcc99
Gris clair : #f0f0f0
Bleu : #0077aa
Gris foncé (bordures) : #dadada
Gris foncé (écriture) : #666
Gris date/auteur : #8f8f8f
Rouge : #cc3300
*/


/* Général et div */

body {
	text-align : center;
	padding : 10px;
	background-color : #f0f0f0;
	font-size : 10px;
	font-family : Verdana, Tahoma, Sans-serif;
	margin : 0;
	font-weight : normal;
	color : #666;
	}

div#haut {
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width : 1068px;
	height : 216px;
	background-image : url("haut.png");
	/* border: 1px #000 dotted; */
	}

div#milieu {
	display : table;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width : 1068px;
	height : auto;
	background-image : url("milieu.png");
	/* border: 1px #000 dotted; */
	}

div#bas {
	font-size : 10px;
	text-align : center;
	clear:both;
	margin-left : auto;
	margin-right : auto;
	width : 1068px;
	height : 77px;
	background-image : url("bas.png");
	/* border: 1px #000 dotted; */
	}

div#menuhaut{
	z-index : 1;
	position : absolute;
	font-size : 10px;
	margin-left : 315px;
	margin-top : 157px;
	height : 10px;
	width :738px;
	/* border: 1px #000 dotted; */
	}

div#recherche{
	position : absolute;
	font-size : 10px;
	margin-left : 850px;
	margin-top : 50px;
	height : auto;
	width : auto;
	/* border: 1px #000 dotted; */
	}

div#logoclic{
	position : absolute;
	margin-left : 6px;
	margin-top : 18px;
	height : 190px;
	width : 170px;
	border :0px;
	/* Pour voir la délimitation du logo cliquable (lien direct vers l'accueil) */
	/* border: 1px #000 dotted; */
	}

div#slogan{
	position : absolute;
	font-size : 14px;
	margin-top : 50px;
	margin-left : 210px;
	height : auto;
	width : 280px;
	font-style : italic;
	/* Couleur du texte du slogan */
	color : #cc6600;
	font-family : "Trebuchet MS", Verdana, Tahoma, Sans-serif;
	/* border: 1px #000 dotted; */
	}

div#slogan:first-line{
	font-size : 16px;
}

div#colgauche {
	background-image : url("colg.png");
	background-repeat : repeat-y;
	display:table-cell;
	float : left;
	color : #666;
	font-size : 10px;
	margin-left : 20px;
	margin-top : 0px;
	width : 199px;
	height : auto;
	/* border: 1px #000 dotted; */
	}

div#coldroite {
	background-image : url("cold.png");
	background-repeat : repeat-y;
	display:table-cell;
	float : right;
	color : #666;
	font-size : 10px;
	margin-right : 20px;
	margin-top : 0px;
	width : 128px;
	height : auto;
	/* border: 1px #000 dotted; */
	}

div#colintg, div#colintd {
	padding : 10px;
	}

div#colhautg  {
	height : 34px;
	background-image : url("colhgf.png");
	/* en anglais :
	background-image : url("colhg.png"); */
	background-repeat : no-repeat;
	padding-top : 3px;
	padding-left : 15px;
	/* border: 1px #000 dotted; */
	}

div#colhautd {
	height : 34px;
	background-image : url("colhdf.png");
	/* en anglais :
	background-image : url("colhd.png"); */
	background-repeat : no-repeat;
	padding-top : 3px;
	padding-left : 15px;
	/* border: 1px #000 dotted; */
	}

div#colbasg {
	height : 20px;
	background-image : url("colbg.png");
	background-repeat : no-repeat;
	margin-top : -5px;
	/* border: 1px #000 dotted; */
	}

div#colbasd {
	height : 20px;
	background-image : url("colbd.png");
	background-repeat : no-repeat;
	margin-top : -5px;
	/* border: 1px #000 dotted; */
	}

div#contenu {
	color : #666;
	font-size : 11px;
	margin-left : 245px;
	width : 620px;
	height : auto;
	margin-bottom : 15px;
	/* border: 1px #000 dotted;*/
	}

div#arbor {
	background-image : url("arbor.png");
	background-repeat : repeat-x;
	padding : 3px;
	font-size : 9px;
	font-style : normal;
	width : 620px;
	height : auto;
	/* border: 1px #000 dotted; */
	}

div#cate {
	background-image : url("cate.png");
	background-repeat : no-repeat;
	width : 620px;
	height : 30px;
	padding-top : 5px;
	margin-top : 10px;
	color : #666;
	text-align : center;
	font-size : 15px;
	font-style : normal;
	/* border: 1px #000 dotted; */
	}

div#parleh {
	height : 33px;
	background-image : url("parleh.png");
	background-repeat : no-repeat;
	/* border: 1px #000 dotted; */
	}

div#parlem {
	height : auto;
	background-image : url("parlem.png");
	background-repeat : repeat-y;
	/* border: 1px #000 dotted; */
	}

div#parleint {
	padding-left : 20px;
	width : 420px;
	font-size : 12px;
	text-align : left;
	font-style : italic;
	color : #666;
	font-family : "Trebuchet MS", Verdana, Tahoma, Sans-serif;
	/* border: 1px #000 dotted; */
	}

div#parleb {
	height : 61px;
	background-image : url("parleb.png");
	background-repeat : no-repeat;
	/* border: 1px #000 dotted; */
	}

div#produits {
	background-image : url("produits.png");
	background-repeat : no-repeat;
	margin-left : 470px;
	margin-top : 0px;
	/* Taille de l'image produits.png dans le répertoire design */
	width : 160px;
	/*height : 285px;*/
	height : 440px;
	/*border: 1px #000 dotted;*/
	}

div#part {
	background-image : url("partenaires.png");
	background-repeat : no-repeat;
	/* Taille de l'image partenaires.png dans le répertoire design */
	width : 500px;
	height : 160px;
	/* border: 1px #000 dotted; */
	}

div#article {
	margin-top : 20px;
	margin-bottom : 0;
	font-size : 11px;
	font-style : normal;
	width : 620px;
	height : auto;
	/* border: 1px #000 dotted; */
	}

div#texteart {
	font-size : 11px;
	font-style : normal;
	width : 620px;
	height : auto;
	/* border: 1px #000 dotted; */
	}

div#titre {
	margin-left : 10px;
	font-weight : bold;
	font-size : 15px;
	font-style : normal;
	color : #0077aa;
	/* border: 1px #000 dotted; */
	}

div#titre:first-letter{
	font-size : 16px;
	font-style : italic;
	}

div#visu {
	text-align : left;
	}

div#ligne {
	background-image : url("ligne.png");
	background-repeat: repeat-x;
	margin-left : auto;
	margin-right : auto;
	margin-top : 15px;
	margin-bottom : 0;
	width : 500px;
	height : 9px;
	/* border: 1px #000 dotted; */
	}

div#date {
	margin-left : 535px;
	margin-top : 2px;
	border : 0;
	background-image : url("crayon.png");
	background-repeat: no-repeat;
	text-align : right;
	font-size : 9px;
	font-style : normal;
	color : #8f8f8f;
	/* border: 1px #000 dotted; */
	}

div#auteur {
	text-align : right;
	font-size : 9px;
	margin-top : 5px;
	font-style : normal;
	color : #8f8f8f;
	/* border: 1px #000 dotted; */
	}

div#balise {
	float : right;
	height : 30px;
	margin-bottom : -10px;
	width : auto;
	}

div#balises {
	visibility : hidden;
	position : absolute;
	float : right;
	width : 100px;
	margin-top : 25px;
	left : 910px;
	border:1px #dadada solid;
	background-color : #f0f0f0;
	/* border: 1px #000 dotted; */
	}

div#bulle {
	border : 0;
	background-image : url("bulle.png");
	width : 20px;
	height : 16px;
	margin-bottom : -40px;
	margin-top : 25px;
	background-repeat: no-repeat;
	/* border: 1px #000 dotted; */
	}


/* Attributs graphiques */

img {
	margin : 10px;
	}

.logo {
	margin : 0px;
	border : 0px;
	}

u {
	text-decoration : none;
	border-bottom : 1px dotted #666;
	}

.imgc {
	display : block;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	}
	
.fleche {
	border : 0;
	background-image : url("fle.png");
	background-repeat: no-repeat;
	margin-left : 8px;
	vertical-align : -3px;
	}


/* Liens de base */

a:link, a:visited, a:active {
	color : #666;
	text-decoration : none;
	}

a:active {
	outline : none;
	}

a:hover {
	text-decoration : underline;
	}


/* Protection adresse mail */

.envers {
	unicode-bidi: bidi-override;
	direction: rtl;
	}


/* Balises pour personnaliser les textes */

.surlig {
	font-weight : bold;
	font-size : 11px;
	font-style : normal;
	color : #0077aa;
	font-family : "Trebuchet MS", Verdana, Tahoma, Sans-serif;	
	}

.maj {
	text-transform: uppercase;
	}

.red {
	color : red;
	}

.url {
	border : 0;
	background-image : url("fle1.png");
	background-repeat: no-repeat;
	margin-left : 2px;
	}

.interne {
	border : 0;
	background-image : url("fle2.png");
	background-repeat: no-repeat;
	margin-left : 2px;
	}

.fichier {
	border : 0;
	background-image : url("fle3.png");
	background-repeat: no-repeat;
	margin-left : 2px;
	}


/* Formulaires */

form {
	margin: 0;
	}

input[type="text"], input[type="password"] {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 142px;
	border : 1px solid #dadada;
	}

input[type="text"]#search {
	width : 80px;
	border : 1px solid #ffcc99;
	}

.search {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 80px;
	border : 1px solid #ffcc99;
	}

.input {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 142px;
	border : 1px solid #dadada;
	}

input[type="file"] {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 342px;
	border : 1px solid #dadada;
	}

.file {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 342px;
	border : 1px solid #dadada;
	}

textarea {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 11px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 550px;
	border : 1px solid #dadada;
	}

select {
	margin : 1px 0 0 0;
	background-color : #fff;
	color : #666;
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	width : 550px;
	border : 1px solid #dadada;
	}

input[type="submit"], input[type="button"], input[type="reset"] {
	font-size : 9px;
	font-family : Verdana, Tahoma, Sans-serif;
	text-align:center;
	background-image : url("menubout.png");
	background-color : #fff;
	background-repeat : repeat-x;
	border:1px #dadada solid;
	color:#666;
	width:106px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
	cursor: pointer;
	}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	color:#666;
	background-image : url("menubouts.png");
	background-color : #ffefd9;
	border:1px #dadada solid;
	}

input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	color:#fff;
	background-image : none;
	background-color: #ff9933;
	border:1px #fff solid;
	}

input[type="submit"]#boutsearch {
	font-size : 9px;
	background-image : url("loupe.png");
	background-repeat : no-repeat;
	border:0;
	color:#666;
	width:30px;
	height : 20px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
	cursor: pointer;
	}


/* Menu horizontal */

.menu {
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	width:660px;
	}

.menu ul {
	position:absolute;
	display:block;
	/*margin:0;*/
	padding:0;
	}

.menu li ul {
	visibility:hidden;
	}

.menu li li ul {
	position:absolute;
	margin-left:110px;
	margin-top:-20px;
	}

.menu li {
	list-style:none;
	width:110px;
	height:auto;
	display:inline;
	display:block;
	float:none;
	float:left;
	margin:0;
	padding:0;
	}

.menu li li {
	display:block;
	float:none;
	width : auto;
	}

* html .menu li li {
	display:inline;
	}

.menu a {
	text-align:center;
	background-image : url("menubout.png");
	background-color : #fff;
	background-repeat : repeat-x;
	border:1px #dadada solid;
	color:#666;
	display:block;
	width:106px;
	padding:2px 0;
	margin:1px;
	}

.menu a:hover {
	color:#666;
	background-image : url("menubouts.png");
	background-color : #ffefd9;
	background-repeat : repeat-x;
	border:1px #ff9933 solid;
	text-decoration:none;
	}

.menu a:focus {
	color:#fff;
	background-image : none;
	background-color: #ff9933;
	border:1px #fff solid;
	}


/* Texte défilant horizontal (page d'accueil) */

div#cadrpg {position:relative; margin:0; border:0; overflow:hidden;}
#newshr {position:relative; margin-right:-100px; height:12px; overflow:hidden; width : 10000px;}
#defile {position:relative; margin-top:0px; background-color:transparent;overflow:hidden}