/* WEBAIDE.NET
-------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin: 10px 0 10px 0;
	background-image:url(img/fond.gif);
	text-align: center; 
}

.main {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

img {
  border:0;
}

a[hreflang|="en"]:after { content: " " url('img/linken.gif'); }

a {
  text-decoration: none;
}

a:hover {
  color: #F6C04E;
}

a:visited {
  color: #0000cc;
}


/* HAUT
-------------------------------------------------*/

.ban {
  height: 100px;
  width: 940px;
  margin-bottom: 10px;
  background-image:url(img/ban.gif);
}


/* CORP
-------------------------------------------------*/
.corp {
  margin: 0;
}

.corp img {
	border: 0;
}

/* MENU
-------------------------------------------------*/

.menu {
  float: left;
  width: 140px;
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

.menu h1 {
  font-size: 1em;
  height:20px;
  width: 125px;
  background: url(img/fond_menu_h1.gif) no-repeat top left;
  padding: 2px 5px 2px 10px;
  color: #373d46;
  margin: 0;
}

.menu h2 {
  
  border-width: 1px 0 1px 0;
  border-style: dashed;
  border-color: #92ACBF;
}

.menu ul {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
  background-color:#ffffff;
  border: 1px solid #c24704;
}
.menu li {
  color:green;
  border-bottom: 1px solid #dddddd;
  padding: 2px 5px 2px 10px;
}

.menu_general a, .menu_general a:visited {
  font-size: 1em;
  color:green;
  text-decoration: none;
  padding-left: 10px;
  background: url(img/puce_vert.gif) no-repeat left;
}

.menu_general a:hover {
 font-size: 1em;
 color: #33AAEE;
 background: url(img/puce_vert_p.gif) no-repeat left;
}

.menu_web a, .menu_web a:visited {
  font-size: 1em;
  color:#1F3B84;
  text-decoration: none;
  background: url(img/puce_bleu.gif) no-repeat left;
  padding-left: 10px;
}

.menu_web a:hover {
 font-size: 1em;
 color: #72B5E7;
  background: url(img/puce_bleu_p.gif) no-repeat left;

}

.menu_info a, .menu_info a:visited {
  font-size: 1em;
  color:#d6222f;
  text-decoration: none;
  background: url(img/puce_rouge.gif) no-repeat left;
  padding-left: 10px;
}

.menu_info a:hover {
 font-size: 1em;
 color: #72B5E7;
  background: url(img/puce_rouge_p.gif) no-repeat left;

}

/* CONTENT
-------------------------------------------------*/
.content {
  background-color:#ffffff;
  margin: 0 0 10px 150px;
  padding: 0 10px 10px 20px;
  border: 1px dotted #1A53A4;
}

.content h1, .titre {
  font-family: Georgia,Times,Times New Roman,Serif;
  font-size:  1.5em;
  font-weight: bold;
  color: #D34256;
  border-bottom: solid 1px #D34256;
  background : url(img/h1.png)  no-repeat top left;
  padding-left: 25px;
  margin-top: 5px;
}

.content h2 {
  color: #6083E6;
  border-bottom: solid 1px #6083E6;
  background: url(img/h2.gif) no-repeat top left;
  padding-left: 25px;
  margin-bottom: 20px;
}

.content h2 a{
  color: #6083E6;
}

h1 a,h2 a, h3 a {
  text-decoration: none;
}


.sep {
	margin: 5px 0 10px 0;
	height:20px;
	background: url(img/fond_sep.gif) no-repeat bottom right;
	border-bottom: 1px solid #1A53A4;

}

#username {
	text-align: right;
	padding-bottom: 10px;
}

/* BAS
-------------------------------------------------*/
.bottom {
  font-size: 0.8em;
  color: #000000;
  width: 940px;
  height: 26px;
  background: #91c7f2;
  border: 1px solid #c24704;
  margin-top: 10px;
  text-align: center;
}

.bottom a, .bottom a:hover, .bottom a:visited {
   text-decoration: none;
}

/* General
-------------------------------------------------*/
.clear {
  clear:left;
  height:0;
}

/* Articles
-------------------------------------------------*/
.liste_img {
  float : left;
  margin : 0 15px 0 0;
}

.article_text {
  margin-left : 20px;
  margin-right : 20px;
  padding : 5px;
  text-align : justify;
}

.code, .article_code {
  background : #e4e5e7 url('img/divcode.gif') left repeat-y;
  border : 1px solid #000000;
  margin-left : 20px;
  margin-right : 20px;
  padding : 5px 10px 5px 35px;
  overflow : auto;
  border-style : solid dashed solid dashed;
}

.info {
  border : 2px dotted rgb(43, 127, 181);
  margin : 10px;
  padding : 10px;
  background : rgb(239, 239, 239) url('img/aide.gif') no-repeat scroll 10px 12px;
  text-indent : 17px;
  overflow : auto;
}

.exemple, .article_exemple {
  background : #fafdd2 url('img/divexemple.gif') left repeat-y;
  border : 1px solid #000000;
  margin-left : 20px;
  margin-right : 20px;
  padding : 5px 10px 5px 35px;
}

.article_titre {
  font-weight : bold;
  font-size : 15px;
  text-decoration : underline;
}

.article_intro {
  margin : 0 20px 0 20px;
  padding : 5px;
  text-align : justify;
  border : 1px dotted #004e98;
}

.article_auteur {
  float : right;
  border-left : 2px dotted #f4a641;
  text-align : right;
  padding : 0 0 5px 5px;
  margin : 0 0 10px 10px;
}

.article_img {
  float : left;
  padding : 0 5px 5px 0;
  margin : 0 0 0 0;
}
  
.article_intro_text {
  margin-top : 70px;
} 


/* Post sur la premieres pages 
-------------------------------------------------*/
.post_f {
  border-width: 0 0 1px 0;
  border-color: #bedbed;
  border-style: solid;
}

.post {
  background-color: #eef7f7;
  border-width: 1px 0 1px 0;
  border-color: #bedbed;
  border-style: solid;
}

.post_f:hover, .post:hover {
  background-color: #ddeeff;

}

.titre_post h2 {
  border: 0;
  background: none;
  padding-left: 10px;
  margin-bottom: 0;
}

.titre_post a, .titre_post a:visited{
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #476D94;
  text-align: center;
}

.titre_post a:hover {
  font-family: arial;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  color: #F6C04E;
}

.text_post {
	font-size : 85%; 
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	color : #476D94;
	text-decoration: none;
	text-align: justify;
	margin : 0 0 20px 0;
	padding : 0 20px 0 0;
}

.img_post { float: left; margin : 0 15px 0 0; }
.decalage { margin : 0 0 0 30px; }


/* :::::::: PORTAIL ::::::::::::::::::: */

.box {border: 1px dashed #06285c; width: 270px; float: left; margin: 5px 15px 15px 5px;}
.box_titre {background-color: #457ac9; height: 15px; padding: 3px 3px 3px 3px; font-weight: bold;color: #ffffff;}
.box_cont {background-color: #7fa1d5; height: 80px; padding : 5px 5px 5px 5px;}
.box_img { float: left; border: 1px solid #000000; padding: 1px 1px 1px 1px; margin : 0 5px 5px 0; }

.boxb {border: 1px dashed #06285c; width: 350px; margin: 5px 15px 15px 5px;}
.boxb_titre {background-color: #dfe3e6; height: 15px; padding: 3px 3px 3px 3px; font-weight: bold;}
.boxb_cont {font-size: 0.8em; background-color: #ffffff; padding : 5px 5px 5px 5px;}
.boxb_cont a, .boxb_cont a:hover, .boxb_cont a:visited {text-decoration: none; }
.boxb_img { float: left; border: 1px solid #000000; padding: 1px 1px 1px 1px; margin : 0 5px 5px 0; }