@charset "utf-8";
/* CSS Document */


/* COULEURS DU SITE 
	
	background: #333
	menu a    : #e30062
	menu hover: #e9619c
	police    : #ccc
*/
	



/* Style par défaut de la page */
body { background-color:#333333; color:#CCC; font-family:"myriad Pro", sans-serif; }
a {text-decoration:none; }
h2, h3, h4, h5, h6, p {font-weight:200; color:#000; }

	/* Formulaires */
.form {background:url(../img/formulairee.png) no-repeat; font-size:22px; border:none; width:196px;  }
.send { background:url(../img/send.png) no-repeat; border:none; width:115px; height:30px; font-size:16px; color:#CCCCCC; margin-top:5px; }

	/* Colonnes */
#conteneur_sous_header {width:950px; height:auto; margin:0 auto; margin-top:25px; }
.conteneur{width:950px; height:900px; margin:0 auto; margin-top:25px; }
.sous_conteneur_left {width:470px; float:left; height:400px; }
.sous_conteneur_right {width:470px; float:right; height:400px;}
.left {float:left; width:230px;  height:400px; }
.right {float:right; width:230px;  height:400px; }




/* Style du header */
#header {width:950px; height:180px; background:#000 url(../img/logo.png) top left no-repeat; margin:0 auto; }
#header #bulle {margin-left:500px; background:url(../img/bulle.png) no-repeat; width:350px; height:110px; padding-right:3px; }
#header #bulle p { padding-left:65px; color:#000; font-family:"myriad Pro"; font-size:18px; padding-right:10px;}
#header #bulle span {color:#000; padding-left:130px;}
#header ul {padding-top:0; font-size:30px; list-style:none; word-spacing:5px; text-transform:uppercase; }
#header li {display:inline; color:#e30062; } 
#header li a {color:#373737; text-decoration:none; } 
#header li a:hover{color:#FF0080; }


/* Style du sous header */
#connexion {width:300px; height:210px; background:#000; float:right;  padding-left:5px;}
#connexion p { font-size:19px; display:inline; } #connexion h5 {display:inline; color:#FF0080; font-size:32px; }
#connexion p a {color:#CCCCCC; text-decoration:none; } #connexion p a:hover {color:#FF0080; }
#trombinoscope { width:640px; height:210px; background:#000; float:left;}


/* Style de la colonne principale */
#col21 {width:700px; height:900px; background:#000000; float:left; margin-top:15px; padding-left:3px; padding-right:3px; }
#col21 .presentation {font-size:22px; font-family:"Times New Roman"; }
#col21 h1 {display:inline; color:#FF0080;font-weight:lighter; }
#col21 .index_photo h3{ color:#FF0080; font-size:22px; font-stretch:ultra-expanded;}
#col21 #pagination a, #col21 #pagination {color:#CCCCCC; font-size:18px; } #col21 #pagination a:hover {color:#FF0080; }
			/* Style d'index_article.php */
#col21 .index_art a h2 {color:#CCC; font-size:18px; } #col21 .index_art a:hover h2  { color:#FF0080; }
#col21 .index_art a h2 span  { color:#666; font-size:16px; }


#col22 {width:230px; height:900px; background:#000; float:right; margin-top:15px; }
#col22 ul a, #col22 ul { color:#CBCF31; font-size:24px; list-style:none; } 
#col22 ul a:hover { text-decoration:underline; } 
#col22  a {color:#FF0080; font-size:22px; }
#col22 a span, #col22 span a  {color:#CCC; font-size:16px; }


/* Style de la div commentaire */
#commentaires {width:950px; height:auto; height:330px; background:#000000; margin:0 auto; margin-top:250px;}
#commentaires h3, #see_com h3 {color:#FF0080; font-family:"myriad Pro", "Arial Black", sans-serif; font-size:24px; font-weight:100; display:inline;}
#commentaires p {color:#CCCCCC; font-size:16px; font-weight:700; }
#commentaires span {color:#666666; font-size:14px; font-weight:300; }
#commentaires span a { color:#333; font-size:16px; font-weight:300; } #commentaires span a:hover {color:#FF0080; }


/* SEE COM */
#see_com {width:950px; min-height:auto; margin:0 auto; }
#see_com span a { color:#333; font-size:16px; font-weight:300; } #see_com a:hover{color:#FF0080; }


/* Style du footer */
#footer {width:950px; height:100px; background:#000;  position:relative;  margin:0 auto; margin-top:250px;}
#footer p a {color:#CCCCCC; text-decoration:none; font-size:16px; } #footer p a:hover {color:#FF0080; }