/* Begin Typography & Colors */

body, div, p, form , input, h1, h2, h3, li, ul, ol{
 	margin:0px;
        padding:0px;
}

#content.accueil object {
       float:left;
       margin-left:0px;
}

/*#content object {
       float:left;
       display:block;
       margin-left:80px;
}*/

#content .p_vid {
       float:left;
       display:block;
       margin-left:60px;
}

#content p.video {
       float:left;
       width:420px;
       display:block;
       margin-left:80px;
       color:#666;
}

#content div.encarts {
	margin-top:5px;
        width:560px;
}

#content div.encarts p {
        width:560px; 
	text-indent:15px;
}

#content div.encarts img {
	/*width:260px;*/
	height:96px;
	float:left;
        border:0px;
        margin-top:10px;
}

#content div.vid {
       float:left;
       width:180px;
       height:145px;
}

#content div.encarts div.coment {
        margin:15px 0 0 20px;
	float:left;
        width:380px;
        height:100px;
}      

#content div.encarts div.coment li {
        list-style-type:square;
        margin-left:20px;
        margin-bottom:5px;
}

#content div.encarts div.coment a li {
        color:#222;
}

#content div.encarts div.coment a.comments-link {
        padding-bottom:10px;
        display:block;
}

li {
	list-style-type:none;
}

hr {
	display:none;
}

h2,h1 {
	font-size:1.6em;
}

body {
	font-size:62.5%; /* Resets 1em to 10px */
	font-family:Verdana, Arial, Sans-Serif;
	color:#222;
	text-align:center;
}

#content {
	width:65%;
	font-size:1.2em;
	float:left;
	/*padding:15px 10px 0px 10px;*/
        position:relative;
}

#page {
	width:100%;
	margin:5px auto auto auto;
	text-align:left; /* Rétablissement de l'alignement pour Firefox */
}

a {
	outline:none;	
	color:#222;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2 a.accueil {
        color:#555;
        margin-left:7px;
}
/*################################     BANDEAU / MENU     ############################################ */
#header {
	background:url('images/fond.jpg') repeat-x bottom left;
	width:100%;	
        margin-top:35px;
	float:left;
        position:relative;
}

h1#internet {
	position:absolute;
	top:15%;
	left:1%;
        text-indent:-9000px;
        width:500px;
        height:16px;
}

/* Menu : Internet et la culture, le tourisme et l'éducation */
div#menu1 {
	width:364px;	
	height:57px;
	float:left;
	position:relative;
}

div#menu1 ul {
	position:absolute;
	top:-50%;
	left:3%;
}

div#menu1 li {
	float:left;
	height:28px;
	text-indent:-9000px;
}

div#menu1 li a {
	height:28px;
	margin-left:10px;
	display:block;
}

div#menu1 #accueil {
	background:url('images/accueil.jpg') no-repeat;
	width:68px;
}

div#menu1 #culture {
	background:url('images/culture.jpg') no-repeat;
	width:76px;
}

div#menu1 #tourisme {
	background:url('images/tourisme.jpg') no-repeat;
	width:89px;
}

div#menu1 #education {
	background:url('images/education.jpg') no-repeat;
	width:86px;
}

/* Recherche */
#searchform {
        position:absolute;
        top:10%;
        right:27%;
	text-align:center;
	float:left;
}

/* Portfolio, CV, Contact */
ul#menu2 {
	position:absolute;
        top:10%;
        right:1.5%; /*margin:0.5% 0 0 35% 5px 0 0 70px*/;
	height:22px;
	float:left;
}

ul#menu2 li {
	float:left;
	height:22px;
	text-indent:-9000px;
}

ul#menu2 li a {
	display:block;
}

ul#menu2 #portfolio {
	background:url('images/portfolio.png') no-repeat;
	width:75px;
}

ul#menu2 #cv {
	background:url('images/cv.png') no-repeat;
	width:47px;
}

ul#menu2 #contact {
	background:url('images/contact.png') no-repeat;
	width:82px;
}



/*##############################    SOUS-MENU / Liste des articles     ############################## */

#sidebar {
	width:285px;
	margin-left:1.2%;
        margin-right:2.5%;
	float:left;
	font-size:1.1em;
}

#sidebar h2 {
	width:285px;
	text-align:left;
	font-size: 1.2em;
	margin:10px 0 4px 5px;
}

/* Page article */
div#bloc_article {
        margin-left:0.9%;
	float:left;
	width:345px;
}
 
img.img_article                                                                                                 {
	float:none;
	margin:20px 0 0 40px;
	/**/width:200px;
}

h2#titre_culture a {
	color:#db165e;
}

h2#titre_tourisme a {
	color:#379316;
}

h2#titre_education a  {
	color:#ea8032;
}

h2 span  {
	color:#999;
        display:inline;
        font-size:1em;
}

#sidebar ul ul {
	margin-left:0px;
}

/* Sous-catégories */
#sidebar ul li {
	background:url('images/n_menu_03.jpg') top left no-repeat;
	padding-top:5px;
	margin-bottom:2px;	
	color:#888;
}

/* Les articles */
#sidebar ul ul li, #sidebar ul ol li {
	background:url('images/n_menu_05.jpg') repeat-y;
        line-height:17px;
	padding:0px;
	margin:0px;
	list-style-image:none;
}

#sidebar ul.children {
	padding-bottom:8px;
	background:url('images/n_menu_06.jpg') bottom left no-repeat;
}

/* liens des sous-catégories */
#sidebar ul li a {
	padding-left:21px;
        /*font-weight:bold;*/
	text-transform:uppercase;
}

#sidebar ul a.education  {
	color:#ea8033;
	background:url('images/fleche-education.png') 8px 2px no-repeat;
}

#sidebar ul a.culture  {
	color:#db165e;
	background:url('images/fleche-culture.png') 8px 2px no-repeat;
}

#sidebar ul a.tourisme  {
	color:#389217;
	background:url('images/fleche-tourisme.png') 8px 2px no-repeat;
}

/* Liens des articles */
#sidebar ul li li a {
	padding-left:29px;
	display:inline;
	color:#222;
    font-weight:normal;
	text-transform:none;
}

#sidebar ul li a#selection {
	text-decoration:underline;
}

#sidebar ul li li a.education {
	background:url('images/fleche.jpg') 20px 2px no-repeat;
	color:#222;
}

#sidebar ul li li a.culture {
	background:url('images/fleche.jpg') 20px 2px no-repeat;
	color:#222;
}

#sidebar ul li li a.tourisme {
	background:url('images/fleche.jpg') 20px 2px no-repeat;
	color:#222;
}

#sidebar ul.children ul {
	padding-bottom:0px;
}

/* sert ou pas ? */
#sidebar ul.children li ul.children a {
	margin-left:20px;
}


/*##########################################     CONTENU      ######################################### */

div.infoplus {
      position:absolute;
      left:103%;
      top:2%;
      color:#ccc;
      width:24%;/*200px;*/
      text-align:center;
      /*background:green;*/
}

div.infoplus img {
     margin-bottom:8px;
     margin-top:10px;
     border:none;
     width:85%;
     /*background:pink;*/
}

#content div.infoplus p {
      text-align:justify;
      text-indent:20px;
      width:100%;
      margin-bottom:40px;
      /*200px;*/
      /*background:yellow;*/
}

#content div.infoplus a {
      color:#666;
      font-size:0.9em;
}

#content div.infoplus a:hover {
      text-decoration:none;
}

.post {
	text-align:justify;
	float:left;
	position:relative;
        margin-bottom:10px;
}

/* Titre de l'article */
#content h2 {	
	font-size:1.3em;
	/*text-transform:uppercase;*/
	font-family:trebuchet ms;
	margin:0 0 10px 0px;
	font-weight:bold;
}

div.entry {
	width:620px;
}

/* Date et nombre de commentaires */
span {
	color:#888;
	display:block;
    margin-bottom:15px;
}

/* Paragraphes de l'article */
#content p {
	width:560px;
	text-indent:20px;
	text-align:justify;
	margin-bottom:7px;
	font-size:0.9em;
	line-height:1.5em;
	float:left;
	color:#222;
}

/* Sous-titres de l'article */
#content h3 {
	font-size:1.1em;
        width:550px; 
	float:bottom;
	font-weight:normal;
}

/*.classique h2, .classique h3, .classique a, .classique legend {
	color:#36f;
}*/

.culture h2, #content.culture div.entry h3, .culture a, .culture legend, .accueil h2 a.culture {
	color:#db165e;
}

.tourisme h2, #content.tourisme div.entry h3, .tourisme a, .tourisme legend, .accueil h2 a.tourisme  {
	color:#389217;
}

.education h2, #content.education div.entry h3, .education a, .education legend, .accueil h2 a.education {
	color:#ea8033;
}

div.p_culture a, div.p_tourisme a, div.p_education a {
       color:#fff;
}

/* Les textes des encarts (articles) */
div.p_culture a, div.p_tourisme a, div.p_education a {
	font-size:1.1em;
}

/* Les titres des articles */
div.p_culture h3 a, div.p_tourisme h3 a, div.p_education h3 a {
	font-size:0.9em;
	font-weight:bold;
}

.accueil h2 {
        color:#555;
}

/*################################    COMMENTAIRES    ############################################ */

ol.commentlist {
	width:580px;
	float:left;
	font-size:0.9em;	
	text-align:justify;
	margin-bottom:5px;
}

.commentlist li {
	font-weight:bold;	
	list-style:none;	
	border:1px solid #ccc;
	margin:3px 0;
	width:580px;
	padding:10px;	
	float:left;
}

.commentlist a.date, .commentlist small a {
	color:#666;
	line-height:17px;
	font-weight:normal;
	padding-left:25px;
}

.commentlist cite {
	background:url('images/commentaire.png') 0% 0% no-repeat;
	padding-left:25px;
	font-weight:bold;
	color:#C9AD91;
	font-style:normal;
	padding-top:8px;
}

#content .commentlist p {
	width:580px;
	margin:5px 0 0 0;
	text-indent:20px;
	font-weight:normal;
	line-height:1.5em;
}

/* Formulaire d'ajout d'un commentaire */
#commentform {
	width:565px;
	border:1px solid #ccc;
	margin-top:4px;
	padding:10px 10px 0 10px;
	float:left;
}

fieldset {
	width:560px;
	float:left;
	border:none;
}

#commentform p {
	text-indent:0px;
}

#commentform label {
	width:60px;
	display:block;
	float:left;
	padding:2px;
	font-size:0.9em;
}

#commentform label.special {
	width:auto;
}

#commentform input {
	width:170px;
}

#commentform #submit {
	width:auto;
	margin-right:60px;
	float:right;
}
	
/*##############################    RESULTATS  DE  RECHERCHE    ##################################### */

h3.recherche {
 	float:left;
}

/* Puce devant les résultats de recherche */
#content div.post h3 {
        /*background:url('images/fleche-education.png') 0% 50% no-repeat;
	padding-left:15px;*/
        float:left;
        color:#888;
        margin-top:8px;
}

#content div small, #content div small a {
	color:#eee;
}

#content div.post small.date {
	color:#aaa;
}

#content p.postmetadata {
	text-indent:0;
	font-size:0.9em;
        float:left;
}

#content div a.comments-link {
	color:#eee;
	font-size:0.9em;
	padding-left:22px;
	background:url('images/commentaire.png') 0% 0% no-repeat;
}

#content div p.postmetadata a.comments-link {
	color:#777;
}



/*###############################   PAGE  SOUS-CATEGORIES   ####################################### */

div.entry, div.liste {
	width:600px;
	float:left;
}

div.liste {
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}

div.liste a, div.encarts a {
	color:#333;
}

#content div.liste h3 {
	display:none;
}

p.postmetadata a  {
	color:#666;
}

div.encarts p.postmetadata a:hover  {
	text-decoration:underline;
}

div.liste a:hover, div.encarts a:hover  {
	text-decoration:none;
}

div.p_education, div.p_culture, div.p_tourisme  {
        width:590px;
        height:217px;  
	padding:15px;
	margin:0 0 10px 0px;
	float:left;
	position:relative;
}

div.p_education {
        background:url('images/orange.jpg') no-repeat;
}

div.p_culture {
        background:url('images/rose.jpg') no-repeat;
}

div.p_tourisme {
        background:url('images/vert.jpg') no-repeat;
}

div.p_education h3, div.p_culture h3, div.p_tourisme h3 {
	width:268px;
	margin:0px;
}

div.p_education small, div.p_culture small, div.p_tourisme small {
	padding-top:5px;
	padding-bottom:5px;
}

/*#############################################     FOOTER     ########################################## */
#footer {
        width:580px;
        float:left;
        text-align:center;
	margin-bottom:15px;
        margin-top:15px;
        /*margin-left:25px;*/
	font-size:1.1em;
	color:#666;
}

#footer a {
	color:#666;
}

#footer ul {
        text-align:center;
}

#footer li {
        display:inline;
	margin-left:5px;
}

/*############################################################################################# */

p img {
	padding:0;
	max-width:100%;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 0px 0;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

/* Légende des images */
span.legende {
	color:#666;
	width:560px;
    text-align:center;
}