/* CSS Document */
/* si # selection dans page avec balise id */
/* position relative se base sur le coin superiur du navigateur, ou dans le div
si les div sont inclus dans des div 
- pour voir les cadres :
border:1px; 
border-style:none;

- pour positionner un elt au sein d'un autre, em mettant des marges
margin-left , right , bottom et top

- si width=600 px et margin=10px, et si le conteneur est plus petit que 620, c'est
la margin a droite qui ne sera pas respecté

- • correspond a un rond

pour tester le conteneur
	border-color: #000000;
	border-width: 1px;
	border-style: none;
	
*/


/** CI DESSOUS STYLE UTILISE **/

#catalogue {
	position: absolute;
	border-color: #CC3300; /* rouge */
	border-width: 1px;
	border-style: solid;
	width: 314px;
	height: 248px;
}

#catalogue h1{
	background-color: #CC3300; 
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 12px;
}

#catalogue ul{
	color: #000066;
	font-size:10px;
	text-align: left;
	list-style-type: none;
	margin-left:1px;
	padding-left:1px;
	margin-top: 5px;
}

#catalogue_selection {
	border-color: #CCCC99;
	border-width: 1px;
	border-style: solid;
	width: 290px;
	height: 150px;
	background-color:#F7F7E5;
	color:#000000;
	font-size: 10px;
	padding-left: 6px;
	margin-left: 11px;
	margin-bottom: 2px;
}

#catalogue_selection select {
	color:#000080;
	font-size: 9px;
	width: 180px;
	/* padding-bottom: 10px;
	padding: 10; 
	margin: 15; */
	
} 

#catalogue_selection p {
text-align:center;
}

/** CI DESSOUS STYLE NON UTILISE **/

#content_small {
	margin-top: 1em;
	width: 500px;
}


#div_600px{ 
	position:relative;
	width: 600px;
	left: 50px;
	margin-top: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
}

#colonne_float_w150px {
	float : left;
	border-width: 1px;
	border-style: none;
	width: 135px;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom:5px;
	padding-top:10px;
}

#colonne_float_w150px_rose {
	float : left;
	width: 135px;
	border-width: 1px;
	border-style: none;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom:5px;
	padding-top:10px;
	background-color: #FFFFCC;
	height: 600px;
}

#colonne_relative_w300px { 
	width: 439px;
	position:relative;
	left: 0px;
	margin-top: 0px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
}

.texte_gras {
	font-size: 13px;
	font-weight: bold;
}

.texte_rouge {
	font-size: 13px;
	color: #FF0000;
}

#content_center {
text-align:center;
}

#rouge {
	color:#CC3333;
	font-weight: 900;
}

#titre_bleu {
	color:#000099;
	font-weight: bold;
}

#colonne1 {
	float:left; 
}

#colonne2 {
	float:right;
}

#div_650px_col2{ 
	width: 650px;
	position:relative;
	left: 0px;
	margin-top: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	/* left: 350px; */
	/* top: 0px; */ 
}

#div_650px{ 
	position:relative;
	width: 650px;
	left: 50px;
	margin-top: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	/* left: 350px; */
	/* top: 0px; */ 
}


#div_650px_float{ 
	float :left;
	width: 640px;
	height: 10%;
	margin-top: 10px;
	margin-right: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	/* left: 350px; */
	/* top: 0px; */ 
}

#paragraphe_600px {
width:500px;
text-align:center;
border-style: none;
	border-color: #000000;
	border-width: 1px;
}

#titre_triangle_guide {
	color: #CC9900; /* marron */
	font-size: 16px;
}

#titre_triangle_rouge {
	color: #CC0033; /* marron */
	font-size: 16px;
}

#titre_triangle_evt {
	color: #339900; /* vert */
	font-size: 16px;
}

#titre_bleu_gras {
	color: #3333CC;
	font-size: 16px;
	font-weight: bold;
	border:1px;
	border-style:none;
	margin-bottom: 0px;
}

#commentaire_bleu {
	color: #3333CC;
	font-size: 12px;
	border:1px; 
	border-style:none;
}

#commun_partenaire_div1 {
	float :left; 
	width: 650px;
	height: 10%;
	margin-top: 10px;
	margin-right: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	/* left: 350px; */
	/* top: 0px; */ 
}

#colonne_float_w15pc {
	float : left;
	border-width: 1px;
	border-style: none;
	width: 25%;
	height: 30%;
	margin-top: 10px;
	margin-right: 10px;
	text-align: center;
	padding-bottom:5px;
	padding-top:10px;
}

#colonne_float_w10pc {
	float : left;
	border-width: 1px;
	border-style: none;
	width: 10px;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom:5px;
	padding-top:10px;
}


#colonne_relative_w100pc { 
	width: 100%;
	position:relative;
	left: 0px;
	margin-top: 10px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
}

#partenaire_div2 {
	float : left;
	border-color: #CCCC99; /* gris marron */
	border-width: 1px;
	border-style: solid;
	width: 15%;
	height: 30%;
	margin-top: 10px;
	margin-right: 0px;
	text-align: center;
	padding-bottom:5px;
	padding-top:10px;
}

#partenaire_div2 h2 {
	color: #003399;
	font-weight: bold;
	font-size: 10px;
}


#test_boite_width_200px {
	border:2px;
	border-style:none;
	width: 200px;
}


#test_boite_conteneur {
	border:2px;
	border-style:none;
	width: 300px;
}

#test_boite_centrante {
	border:2px;
	border-style:none;
	width: 300px;
	padding-right: 50%;
	padding-left: 50%;
}

#test_boite_centrante2 {
	border:2px;
	border-style:none;
	/* width: 50%; */
	width:650px;
	padding-right: 25%;
	padding-left: 25%;
}

#test_boite_sans_centrage {
	border:2px;
	border-style:none;
	/* width: 200px; */  
	/*padding-right: 50%;
	padding-left: 50%; */
}


#test_boite_contenu {
	border:1px;
	border-style:none;
	width: 150px;
	margin-right: 50%;
	margin-left: 50%;
}

#commun_boite_width_fixe_centree {
	border:1px;
	border-style:none;
	width: 150px;
	margin-right: 50%;
	margin-left: 50%;
}


#td_livre {
	border-top-color:#000099;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

#td_prix {
	border-top-color:#000099;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	color:#CC0000;
	vertical-align: top;
	font-size: 12px;
}

#td_panier {
	border-top-color:#000099;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:right;
	vertical-align: top;
	color:#CC0000;
	font-size: 10px;
}

#span_livre {
	color:#003399;
	font-weight: bold;
	font-size: 10px;
}

#span_auteur {
	color:#0099CC;
	font-size: 10px;
}

#span_editeur {
	color:#000000;
	font-size: 10px;
}

#span_rouge {
	color:#FF0000;
}





#cadre2 {
	border-color: #CC3300;
	border-width: 1px;
	border-style: solid;
	width: 322px;
	height: 248px;
	margin-top: 10px;
	margin-right: 10px;
}

#barre_titre {
	position: relative;
}

.texte_noir {
	color: #000000;
}

.texte_noir_underline {
	color: #000000;
	text-decoration: underline;
}


.para_texte_noir_centre {
	color: #000000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.para_texte_orange_centre {
	color: #CC9900;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}


#texte_accueil { 
	top: 155px;
	left: 10px;
	font-family:Verdana;
	color: #000066;
	font-size:10px;
	font-weight: bold;
}

#colonne_1_2 {
	border-color: #000000;
	border-width: 1px;
	width: 30%;
	height: 10%;
	margin-top: 10px;
	margin-right: 10px;
	border-style: none;
	left: 350px;
	top: 0px; 
	float :left;
}

#colonne_3 {
	float :left;
	border-color: #000000;
	border-width: 1px;
	width: 20%;
	height: 30%;
	margin-top: 10px;
	margin-right: 10px;
	border-style: none;
	left: 350px;
	top: 0px; 
}

#OLD_lien_utile {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	background-image: url(images/design/arriere_plan_rubrique.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	/* border:1px;
	border-style:solid;
	border-color: #000000; */
	/* margin-bottom: 25px; */
}

#fond_rouge {
	background-color: #FF3333;
	font-weight: bold;
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

#titre_image_petit {
	color: #FFFFFF;
	font-size: 13px;
	/* font-weight: bold; */
	background-image: url(images/design/arriere_plan_rubrique.gif);
	background-repeat: repeat-x;
	padding-bottom:2px;
	width: 100%;
}

#contact_div1 {
	border-color: #000099;
	border-width: 1px;
	border-style: solid;
	width: 650px;
	margin-top: 10px;
	margin-right: 10px;
	left: 350px;
	top: 0px;
	background-color: #FFFFCC;
}

#contact_div1_1 {
	float :left;
	border-color: #CCCC99;
	/* border-width: 1px;
	border-style: solid; */
	width: 5px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* difference entre margin et padding ? */
}

#contact_div1_2 {
	float :left;
	width: 50%;
	height: 30%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: 350px;
	top: 0px; 
	text-align: center;
	padding-bottom:5px;
	padding-top:10px;
}

#contact_div1_2 h1 {
	color: #CC6633;
	font-weight: bolder;
	font-size: 21px;
	text-align: left;
	padding-left: 10px;
}

#contact_div1_2 ul{
	text-align: left;
	list-style-type: disc;
	margin-top: 5px;
	font-weight: bold;
}

#liste_guide li {
	text-align: left;
	list-style-type: square;
	list-style-image: url(images/design/carre.gif);
	font-size: 9px;
	margin-left: 0px;
	color: #FF0000;
}

#contact_div1_2 p {
	font-size:10px;
	font-weight: bold;
	text-align: center;
	/* width: 100%; */
	margin-right: 10%;
	margin-left: 10%;
}

#contact_div1_3 {
	float : left;
	width: 15%;
	height: 30%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding-bottom:5px;
	padding-top:10px;
}

#contact_div1_4 {
	float :right;
	width: 15%;
	height: 30%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding-bottom:5px;
	padding-top:10px;
}

#contact_div2 {
	border-color: #000099; /* bleu */
	border-width: 1px;
	border-style: solid;
	width: 650px;
	margin-top: 10px;
	margin-right: 10px;
	left: 350px;
	top: 0px;
	background-color: #FFFFCC;
}

#contact_div2_1 {
	float :left;
	width: 60%;
	height: 30%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: 350px;
	top: 0px;
	text-align: left;
	padding-bottom:5px;
	padding-top:10px;
}

#contact_div2_1 h1 {
	color: #CC6633;
	font-weight: bolder;
	font-size: 21px;
	text-align: left;
	padding-left: 10px;
}

#contact_div2_1 p {
	font-weight: bold;
	font-size: 10px;
}

#boule_bleu {
	color: #6666CC;
}

#rose {
	color: #CC0066;
}

#contact_div2_2 {
	float :left;
	width: 40%;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom:5px;
	padding-top:10px;
}

#OLD_boite_bleu {
	border-color: #000099; /* bleu */
	border-width: 1px;
	border-style: solid;
	width: 570px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	padding:20px;
	/* left: 350px;
	top: 0px; */
	background-color: #FFFFCC;
}

#div_500 {
	border-width: 1px;
	border-style: none;
	width: 460px;
}


#div_xx {
	border-width: 1px;
	border-style: none;
	width: 360px;
}

#div_float {
	border-width: 1px;
	border-style: none;
	width: 90px;
	float: left;
}


/*
#catalogue_select_pays {
	color:#000080;
	font-size: 9px;
	width: 180px;
}

#catalogue_txt {
	color: #000066;
	font-size:10px;
	text-align: left;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}

#OLD_header {
	top: 50px;
	left: 50px;
	border-color: #000000;
}


*/
.citation {
	font-size: 10px;
	font-weight: bold;
}

.texte_10 {
	font-size: 10px;
}

.titre_bleu_clair {
	font-size: 10px;
	color: #00CCFF;
}

.titre_bref {
	font-size: 10px;
	color: #FF0000; /* rouge */
	font-weight: bold;
}

.texte_bref {
	font-size: 12px;
	color: #CC3366;
}

.fichedescriptive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660066;
	text-decoration: none;
	background-color: #FFFFFF;
}

.elt_accueil2 {
	margin-left: 15px;
	margin-right: 15px;
}

.OLD_commentaire_guide {
	font-size: 10px;
}
.CORPPPPP {
	font-family: "Times New Roman", Times, serif;
}