body {text-align:center;font:10pt verdana, arial, sans-serif;margin:0px;}

img {border-width:0px;}

.clear {clear:both;}

.alert {padding:5px;color:#FF6E3F;background-color:#F9F0C3;font-weight: bold;text-align: left;border: #FF6E3F solid 1px;}

.avis {font-size: 8pt;color:#666666;}

.positif {color:#009900;font-weight:bold;}

.erreur {color:#FF6E3F;font-weight:bold;}

.positif_box {padding:5px;margin:5px 0px;color:#009900;background-color:#A3F2A3;border:#009900 solid 1px;}

.erreur_box {padding:5px;margin:5px 0px;color:#FF6E3F;background-color:#F9F0C3;border:#FF6E3F solid 1px;}

.my_link {color:#0000FF;text-decoration:underline;cursor: pointer;}

.info_box {padding:5px;margin:5px 0px;color: black;background-color: #FBF7EC;border:#999 solid 1px;}

.align_right {text-align:right;margin-right:10px;}

#main {text-align:left;margin:auto;width:970px;}

#banner {height:131px;}

#banniere .icones {text-align:right;padding:90px 25px;}
#banniere .icones a {padding:5px;}

#menu_top .ligne {padding:10px;}
#menu_top .important {text-decoration:underline;}
#menu_top a { padding:10px; }
#menu_top a:hover {text-decoration:underline;}

#menu_top2 .ligne {padding:10px;}
#menu_top2 .important {text-decoration:underline;}
#menu_top2 a:hover {text-decoration:underline;}

#menu_bottom .ligne {padding:6px;}
#menu_bottom .important {text-decoration:underline;}
#menu_bottom a {padding:6px 5px;}
#menu_bottom a:hover {text-decoration:underline;}

#menu_side .important {text-decoration:underline;}

#col-left {
	float:left;
	width:590px;
	padding:20px 0px 0px 20px;
}

#col-left .box {
	margin-bottom: 20px;
}

#col-left .entete {
	height:30px;
}

#col-left .titre {
	padding:5px 20px;
}

#col-left .contenu {
	background-color:#FFFFFF;
	padding:10px;
}

#col-right {
	float:right;
	width:320px;
	padding:20px 20px 0px 0px;
}

#col-right .box {
	margin-bottom: 20px;
}

#col-right .entete {
	height:30px;
}

#col-right .titre {
	padding:5px 20px;
}

#col-right .contenu {
	background-color:#FFFFFF;
	padding:8px;
}

#col-full {
	float:left;
	width:930px;
	padding:20px 20px 0px 20px;
}

#col-full .box {
	margin-bottom: 20px;
}

#col-full .entete {
	height:30px;
}

#col-full .titre {
	padding:5px 20px;
}

#col-full .contenu {
	background-color:#FFFFFF;
	padding:10px;
}

#videos_list {
	clear:both;
	height:500px;
	overflow:auto;
}

#videos_list .video {
	clear:both;
}

#videos_list .thumbnail {
	float:left;
}

#videos_list .info {
	float:left;
	margin-left:10px;
	width:145px;
}

#videos_list .info_titre {
	font-size:8pt;
	font-weight:bold;
}

#videos_list .info_date {
	font-size:8pt;
	color:#4096EE;
	font-weight:bold;
}

#videos_list .info_description {
	font-size:8pt;
}

.box-col-right .contenu {
	background-color:#FFFFFF;
	padding:10px;
}

#articles .item {padding:10px;border-bottom:2px solid #D5D5D5;}
#articles img {padding:0px;border:#000000 1px solid;}
#articles .image {position:relative;}
#articles .image img {width:565px;}
#articles .small_image {position:relative;float:left;margin-right:10px;}
#articles .float_image {position:relative;float:left;margin:0 10px 10px 0}
#articles .link_full_image {text-align:right;}
#articles .contenu {float:left;width:545px;padding-top:10px;}
#articles .contenu_resume_full {float:left;width:545px;padding-top:0px;}
#articles .contenu_resume {float:left;width:330px;padding-top:0px;}
#articles h2 {color:#008080;margin:0px;font-size:14pt;}
#articles h3 {margin:0px;font-size:10pt;font-style: italic;color:#696969;}
#articles .date_publication {font-size:8pt;color:#4096EE;font-weight:bold;margin-bottom:5px;}
#articles .sujets {font-size:8pt;color:#696969;font-weight:bold;}
#articles .date_evenement {font-size:10pt;color:#4096EE;font-weight:bold;}
#articles .suite {float:right;padding-bottom:10px;}
#articles .numeros_pages {text-align:center;font-size:12pt;}
#articles .numeros_pages a {padding:0px 3px;}
#articles .numeros_pages a:hover {background-color:#CCCCCC;text-decoration:underline;}
#articles .prix {float:right;padding:10px;}
#articles .prix_montant {color:red;font-weight:bold;}
#articles .panier {float:right;}
#articles .panier img {border-style:none;}
#articles .vendu img {position:absolute;top:0;left:0;width:108px;border-style:none;}

#articles_sidebar .image {float:left;padding-right:10px;}
#articles_sidebar .link {text-align:right;}
#articles_sidebar .titre {font-size:11pt;font-weight:bold;}
#articles_sidebar .sous-titre {font-size:10pt;font-style: italic;color:#494949;}
#articles_sidebar .date_publication {font-size:8pt;color:#4096EE;font-weight:bold;}
#articles_sidebar .prix {float:right;padding:10px;}
#articles_sidebar .prix_montant {color:red;font-weight:bold;}
#articles_sidebar .panier {float:right;padding:10px;}

#magazine_articles .contenu_resume {float:left;width:330px;padding-top:0px;}
#magazine_articles .item {padding:10px;border-bottom:2px solid #D5D5D5;}
#magazine_articles img {padding:0px;border:#000000 1px solid;}
#magazine_articles .small_image {float:left;margin-right:10px;}
#magazine_articles h1 {color:#551A8B;margin: 0px 5px;font-size:11pt;}
#magazine_articles h2 {color:#551A8B;margin:0px;font-size:10pt;}
#magazine_articles h3 {margin:0px;font-size:8pt;font-style:italic;color:#696969;}

#interactions {background-color:#EEEEEE;margin:10px 0px;padding:10px;max-width:550px;}
#interactions .nbre_fois_lu {float:left;padding-bottom:20px;}
#interactions .bouton_google_plus {float:left;}
#interactions .bouton_jaime {float:right;}
#interactions .envoyer_a_un_ami {float:right;}
#interactions .ecrire_a_auteur {float:right;}
#interactions .reseaux_sociaux {float:left;margin-left:70px;}

#commentaires {
	clear: both;
}

#commentaires .form_commentaire {
	color:#FFFFFF;
	background: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/back_commentaire.png);
	background-repeat:repeat-y;
	margin:6px 12px 6px 0px;
	border:#000000 solid 1px;
}

#commentaires .entete {
	height:40px;
	color:#FFFFFF;
	background-color:#EC7A28;
}

#commentaires .titre {
	float:left;
	height:24px;
	padding:0px 10px;
	font-size:24pt;
	font-weight:normal;
}

#commentaires .commentaire {
	font-size: 9pt;
	margin:4px 0px;
	padding : 8px;
	border:#000000 solid 1px;
}

#commentaires .reponse_commentaire {
	font-size: 9pt;
	margin:4px 0px 4px 75px;
	padding : 8px;
	border:#000000 solid 1px;
}

#commentaires .avatar {
	float:left;
}

#commentaires .corps {
	float:left;
	padding: 0px 10px;
}

#commentaires .signature {
	float:left;
	margin-left:10px;
}

#commentaires .date {
	float:right;
}

#commentaires .btn_repondre {
	text-align:right;
}

#commentaires .form_ajout {
	padding:0 10px;
}

#commentaires .form_repondre_commentaire {
	display:none;
}

#photos_random {
	width:300px;
}

#photos_random img {
	margin:4px;
	float:left;
	width:90px;
	border:1px solid #CCCCCC;
}

#galerie_photos {
	background-color: #000000;
}

#video_full_largeur {
	background-color: #000000;
}

#page_albums {
	padding: 10px;
}

#page_albums .album_photo {
	float:left;
	margin:10px 14px;
	width: 268px;
	height: 266px;
	background-image:url(../images/galerie_photos/album_photos.png);
}

#page_albums .album_photo img {
	margin:28px 28px 0px 28px;
	width:212px;
	height:159px;
}

#page_albums .titre_album {
	width:212px;
	font-size:11pt;
	margin:0px 28px;
	text-align:center;
	color:#000000;
}

#page_photos {
	padding: 21px;
}

#page_photos .diapo {
	float:left;
	margin:10px 10px;
	width: 268px;
	height: 266px;
	background-image:url(../images/galerie_photos/slide_photo.png);

}

#page_photos .diapo img {
	margin:10px;
	width:248px;
	height:186px;
}

#galerie_photos .titre_photo {
	width:248px;
	font-size:11pt;
	margin:10px;
	text-align:center;
	color:#000000;
}

#galerie_photos .informations {
	background-color: #FFFFFF;
}

#galerie_photos h2 {
	margin:25px 0px 0px 0px;
	font-size:16pt;
}

#galerie_photos .date {
	font-size:8pt;
	color:#0E3669;
	font-weight:bold;
}

#galerie_photos .description {
	width:590px;
	text-align:justify;
}

#galerie_photos .chemin {
	margin:10px 0px;
	background-color: #FFFFFF;
}

#galerie_photos .nbre_fois_lu {
	float:left;
	padding-bottom:20px;
}

#galerie_photos .ecrire_a_auteur {
	float:left;
	margin-left:90px;
}

#galerie_photos .reseaux_sociaux {
	float:left;
	margin-left:90px;
}

#photo_slideshow {
	margin:10px;
}

#photo_slideshow h2 {
	margin:25px 0px 0px 0px;
	font-size:16pt;
}

#photo_slideshow .controle_gauche {

}

#photo_slideshow .controle_droit {
	text-align:right;
}

#photo_slideshow .section_image {
	text-align:center;
	margin:10px;
}

#photo_slideshow .image {
	border: 10px solid #ffffff;
}

#plan_site {
	padding:13px;
}

#plan_site li {
	list-style-image:url(../images/puce.png);
	color:#000000;
	font-size:14pt;
	margin:12px;
}

#wc3 {
	margin:10px;
}

#wc3 a {
	margin:5px;
}

#form_abonnement .courriel {
	float:left;
	margin-top:5px;
	font-size:10pt;
}

#form_abonnement .bouton {
	margin-top:24px;
	float:right;
}

#form_abonnement input {
	padding:0px;
	font-size:10pt;
}

#form_abonnement .note {
	margin-top:10px;
	color:#AAAAAA;
}

.coordonnees_google_map {
	padding:0px;
	text-align:center;
}

.coordonnees_google_map_frame {
	width:355px;
	height:255px;
	border:1px solid #999;
}

.lien {
	padding:15px 10px 0px;
}

.lien_categorie {
	color:#135393;
	border-bottom:#135293 solid 1px;
	font-size:22pt;
	margin-top:20px;
	padding:5px;
}

.lien_titre {
	font-size:12pt;
	color:#135293;
}

.lien_url {
	padding-bottom:5px;
}

.lien_description {
	text-align:justify;
}

#page_abonnement_info_lettre {
	margin:0px 25px;
}

#page_abonnement_info_lettre .note {
	font-weight:bold;
	padding:15px 0px;
}

#page_abonnement_info_lettre .courriel {
	padding:15px 0px;
}

#page_abonnement_info_lettre .abonnement_merci {
	font-weight:bold;
	font-size:16px;
	color:#33AA33;
}

#message_abonnement_info_lettre .positif {
	font-weight:bold;
	font-size:16px;
	color:#33AA33;
}

#message_abonnement_info_lettre .erreur {
	font-weight:bold;
	font-size:16px;
	color:#AA3333;
}

.sondage_box {
	padding:10px;
	margin:10px;
	border:#000000 1px solid;
}

.sondage_question {
	font-weight:bold;
	font-size:14px;
}

.sondage_nbre_votes {
	color:#00AA00;
	font-style:italic;
	padding:4px 10px;
}
.sondage_reponses {
	font-size:12px;
	margin:14px 0;
}

.sondage_lien {
	font-size:14px;
}

.sondage_dates {
	color:#0000FF;
	padding:4px 10px;
}

#membres .item {
	margin:10px 10px 20px 10px;
	border-bottom: 2px solid #E0E0DE;
}

#membres .small_image {
	float:left;
	margin-right:10px;
}

#membres .contenu_resume {
	float:left;
	width: 330px;
	padding-top:0px;
}

#membres h2 {
	margin:0px;
	font-size:16pt;
}

#membres .texte {
	text-align:justify;
}

#membres .suite {
	float:right;
	padding-bottom:10px;
}

#abonnements_rss_en_bref ul {
	padding:0px 15px;
}

#abonnements_rss_en_bref li {
	color:#494949;
	margin:5px 0px;
}

#abonnements_rss_en_bref li a {
	font-size: 12pt;
}

#abonnements_rss_en_bref .toutes_les_nouvelles {
	text-align:center;
}

#abonnements_rss .nouvelle {
	padding:10px;
	border-bottom: 2px solid #E0E0DE;
}

#abonnements_rss .titre {
	margin:0px;
	padding:0px;
	font-size:12pt;
}

#abonnements_rss .date {
	clear:both;
	color:#494949;
}

#abonnements_rss .content {
	text-align:justify;
	font-size:10pt;
}

#abonnements_rss .link {
	float:right;
}

.telechargement{color:#000000;background-color:#EEEEFF;margin:10px 0px;padding:10px;border-width:1px;border-color:#555555;border-style:solid;text-indent:0px;}
.telechargement_categorie{font-size:24px;border-width:0px;text-indent:0px;}
.telechargement_titre{font-size:18px;border-width:0px;text-indent:0px;}
.telechargement_url{border-width:0px;text-indent:0px;}
.telechargement_description{padding:10px;border-width:0px;text-indent:0px;}

#information_bar {
	background-color:#FFFFCC; color:#000000; padding:2px; border-bottom:1px #000000 solid; cursor:pointer;
}

#abonnements_rss_sidebar .image {
	float:left;
	padding-right:10px;
}

#abonnements_rss_sidebar .texte {
}

#abonnements_rss_sidebar .link {
	text-align:right;
}

#abonnements_rss_sidebar .titre {
	font-size:10pt;
	font-weight:bold;
}

#abonnements_rss_sidebar .sous-titre {
	font-size:8pt;
	color:#494949;
}

#abonnements_rss_sidebar .nom_site {
	font-size:x-small;
	color:#494949;
}

/* rotator in-page placement */
div.rotator {
	position:relative;
	height:300px;
	width:300px;
}
/* rotator css */
div.rotator ul li {
	position:absolute;
	list-style: none;
}
/* rotator image style */
div.rotator ul li img {
	border:1px solid #ccc;
	background: #FFF;
}
div.rotator ul li.show {
	z-index:500;
}

#equipe_liste_membres ul {
	padding:0;
	margin:10;
	list-style-type:none;
}

#equipe_liste_membres .poste {
	font-size:11pt;
	list-style: none;
	margin:5px 0px 0px 10px;
	font-weight:bold;
}

#equipe_liste_membres .membres {
	font-size:11pt;
	list-style: none;
	margin-left:40px;
}

#equipe_liste_membres .membre {
	margin-bottom:5px;
}

#form_facturation {
	width:400px;
}

#form_facturation legend {
	font-weight:bold;
	font-size:12pt;
}

/*****************************************/
/* Style pour le mise en forme en BBCode */

.mise_en_form {
	width:500px;
}

.mise_en_form fieldset {
	background-color: #d2dde5;
	color: #2c485c;
}

.mise_en_form legend {
	color: #2c485c;
	font-weight: bold;
	font-size: 14pt;
}

.mise_en_form textarea {
	width:100%;
	height:250px;
}

.mise_en_form_label {
	float:left;
}

.mise_en_forme_boutton {
	float:right;
}

.mise_en_forme_box {
	clear:both;
}


// POUR TESTER RÉALISATIONS
div#container {
  width: 580px;
  margin: 100px auto 0 auto;
  padding: 20px;
  background: #000;
  border: 1px solid #1a1a1a;
}

div#pop-up {
  display: none;
  position: absolute;
  width: 560px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}