/*******************************************************************************
 * Auteurs :  developpez.com (djibril, Atomya Rise...)
 * But     : CSS des articles de developpez.com (new look)
 * Date    : 26/05/2012 11:48:58
 ******************************************************************************/
 
/* Article complet : D'en bas de l'entête au logo de validation */
.ArticleComplet {
  margin-left: auto;
  margin-right: auto;
  width:  98%;
}
.hr-separation {
  border: 1px solid #25465b;
}
.articleBody {
  clear:both; 
  padding-top: 1px;
}

.fixed2 {
    position:fixed;
    top:15px;
}
/* Entete contenant le titre et le sous-titre */
/* .EnteteTitres {} */
 
/* Section du sommaire */
.ToggleImgPlier, .ToggleImgDeplier {
	cursor: pointer;
	vertical-align: middle;
}	

.ToggleImgPlier {
	margin-bottom: 2px;
}

.nav-sommaire {
  width:25%;
  float:left;
  margin-right:15px;
 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:1px solid black;
 
  text-align : left;
  background:white;
}

.nav-sommaire-ul {
  list-style: none; 
  padding-left: 8px; 
}

/* Section du synopsis */
.fixeMarge {
	width:70%;
	margin-left: 25%;
	padding-left: 17px;
}
 
.SectionSynopsis {
  padding : 10px;
  color : #666666;
  background-color : #DDEEFF;
  font-weight : normal;
  text-align : justify;
  font-size : 12px;
  font-family: Verdana,sans-serif;
  text-decoration : none;
  border: 1px solid #6699FF;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px;
  border-radius: 10px;
  overflow: hidden;
}
 
.InfoAuthArtBook {
  width:70%;
  /*float:left;*/
  margin-top: 20px;
  margin-left: 25%;
  padding-left: 17px;
  min-height: 180px;
}
 
.SectionAuteurs {
  width:30%;
  float:left;
  text-align: left;
  margin-right: 15px;
}

.auteur, .InfoArticle, .InfoBookmarks {
  padding-left: 10px;
}
 
.SectionInformationArticle {
  width:25%;
  float:left;
  text-align: left;
  margin-right: 15px;
}
 
.SectionBookmarks {
  width:30%;
  float:left;
  text-align: left;
  margin-right: 15px;
}
 
.separation {
  clear:both;
  color: #009BE9;
  background-color: #009BE9;
  height: 1px;
  border: 2px solid #009BE9;
  width:200px;
}
 
/* Section contenant l'article (tous les chapitres) */
/* .SectionArticle {} */
 
/* Section footer online */
/* .SectionFooterOnline { } */
 
/* Section notes de bas de page */
/* .SectionnoteBasPage {} */
 
iframe {
  border: 0px rgb(0,0,0) none;                    
}
 
.tableau {
  border-collapse:collapse;
  border-style:solid;
  border-color:#25465B;
  text-align: left;
  margin:0px auto;
}

.mot_souligne {
  text-decoration: underline;
}


.image_verticale {
  vertical-align: middle;
}

/* Tableau rubrique de droite */
.TableauRubriqueDroite {
  width: 100%;
  /* remplace cellspacing : IE supporte pas, mais border-collapse répare tout */
  border-spacing:0px;
  border-collapse: collapse;
  padding:0px;
}
 
.TextAlign-center {
  text-align: center;
}
.TextAlign-left{
  text-align: left;
}
.TextAlign-right {
  text-align: right;
}

.imgtext-gauche {
  width : 50px;
}
.imgtext-contenu {
  padding-right: 5px;
}
.imgtext-perso {
  margin : 10px 50px 10px 10px;
  padding : 5px;
}
.imgtext-image-perso {
  padding-right:15px;
  vertical-align: middle;
  float:left;
}

.imgtext-contenu-perso {
  padding-left : 10px;
}

.imgtext-idea, .imgtext-warning, .imgtext-info, .imgtext-error {
  clear:both;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin : 10px 50px 10px 10px;
  padding : 10px;
  border:1px solid #25465B;
  padding-left: 50px;
}
.imgtext-idea { 
  background: url(http://www.developpez.com/template/kit/kitidea.png) no-repeat scroll 10px center #FFF0E0;
}

.imgtext-warning { 
  background: url(http://www.developpez.com/template/kit/kitwarning.png) no-repeat scroll 10px center #FAECAD;
}
.imgtext-info { 
  background: url(http://www.developpez.com/template/kit/kitinfo.png) no-repeat scroll 10px center #A4CDFF;
}
.imgtext-error { 
  background: url(http://www.developpez.com/template/kit/kiterror.png) no-repeat scroll 10px center #FF80A0;
}
  
.imgtext-icone {
  width:40px;
  float:left;
  text-align: center;  
  margin-right: 50px;  
}
 
.clear {
  clear:both;
}
 
.new-sommaire {
  box-shadow:10px 10px 5px #D0F0FF;
}
 
div.barreNavigation {
	padding-top: 20px;
} 
 
h1#titre-article {
    color: #3A5486;
    font-family: Verdana,sans-serif;
    font-size: 18pt;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
    letter-spacing: 5px;
    text-shadow: 1px 1px 1px #000000;
}
 
h2#soustitre-article {
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: 3px;
 
    color: #000000;
    font-family: Verdana,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
 
/* Code */
.titre_des_codes {
	background-color: #D6D6D6;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	padding-left: 12px;
	margin-left: 0px;
	text-align : left;
	color : black;
  font-size:12px;
  height:18px;
  font-family: Verdana,sans-serif;
}
 
.code_et_titre {
  margin:10px 40px 10px 40px;
  padding-left: 0px;
  background-color: #F1F2F1;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #25465B;
  text-align: left;
}
.code_uniquement {
  padding-left: 12px;
  text-align: left;
}
.numerotation_code {
  float: left;
  width: 40px;
  background-color : #F1F2F1;
  padding-left:5px;
  margin:0px;
}
 
.selectionner_code {
  float:right;
  padding-right:5px;
  vertical-align:middle;
}
.telecharger_code, .lien_telecharger_code, .dissimuler_code {
  float:right;
}
.lien_dissimuler_code {
  margin: 2px; 
  /*visibility: hidden;*/
}
.lien_documentation_code {
  text-decoration:none;
}

.TitreHeader {
/*
  background-color : #274E9C;
  */ 
  color : white; 
  letter-spacing:1px;
  font-weight:bold;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top:0px;
  text-shadow: 0px 0px 4px #000000;
  
  /* rajout Atomya */
   border-top: 1px solid #96d1f8;
   background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/titreHeader.png');
   
   background-repeat: repeat-x;
   background-position: top left;
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Verdana,sans-serif; /*Georgia, serif;*/
   text-decoration: none;
   vertical-align: middle;
  
}
 
/* éviter les arrondis du bas */
.StopArrondi {
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
}
 
.nav-sommaire .TitreHeader { border-top:none; }
 
header h1.atomya { 
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
}
 
.TitreSection0, .TitreSection1, .TitreSection2, .TitreSection3, .TitreSection4, .TitreSection5 {
	padding: 5px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: rgba(0,0,0,.6) 1px 1px 0;
	color: #fff;
	font-size: 12px;
	font-family: Verdana,sans-serif; /*Georgia, serif;*/
	text-decoration: none;
	vertical-align: middle; 
	background-repeat: repeat-x;
	background-position: top left;
	height: 16px;
}
 
.TitreSection0 {
	padding: 8px 15px;
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau1.png');
	font-size: 12px;
}
 
.BlocSection0 {
	margin: 10px 0 10px 15px;
}
 
.TitreSection1 {
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau2.png');
	margin-left: 15px;
}
 
.BlocSection1 {
	margin: 10px 0 10px 30px;
}
 
.TitreSection2 {
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau3.png');
	margin-left: 30px;
}
 
.BlocSection2 {
	margin: 10px 0 10px 45px;
}
 
.TitreSection3 {
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau4.png');
	margin-left: 45px;
}
 
.BlocSection3 {
	margin: 10px 0 10px 60px;
}
 
.TitreSection4 {
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau5.png');
	margin-left: 60px;
}
 
.BlocSection4 {
	margin: 10px 0 10px 75px;
}
 
.TitreSection5 {
	background-image: url('http://djibril.developpez.com/tutoriels/club/article-nouveau-design/imagesDj/niveau6.png');
	margin-left: 75px;
}
 
.BlocSection5 {
	margin: 10px 0 10px 90px;
}
 
.summaryIndent0 { color: #203D4F; }
.summaryIndent1 { color: #30577C; }
.summaryIndent2 { color: #27729D; }
.summaryIndent3 { color: #4A8Fa8; }
.summaryIndent4 { color: #5eA7C2; }
.summaryIndent5 { color: #73BDD9; }

.fr, .Fr {
  padding-left: 15px;
  background: url(http://djibril.developpez.com/images/new-design/fr.gif) no-repeat left;
}
 
 
.faq {
  padding-left: 20px;
  background: url(http://djibril.developpez.com/images/new-design/kitfaq.jpg) no-repeat left;
}
 
 
.en, .En, .ang {
  padding-left: 14px;
  background: url(http://djibril.developpez.com/images/new-design/en.gif) no-repeat left;
}
 
 
.src {
  padding-left: 35px;
  background: url(http://djibril.developpez.com/images/new-design/kitsrc.jpg) no-repeat left;
}

.dico, .Dico, .lienDico {
  padding-left: 22px;
  background: url(http://djibril.developpez.com/images/new-design/kitdico.jpg) no-repeat left;
}

.srcs {
  padding-left: 45px;
  background: url(http://djibril.developpez.com/images/new-design/kitsrcs.jpg) no-repeat left;
}
 
.icozip {
  padding-left: 16px;
  background: url(http://djibril.developpez.com/images/new-design/icozip.png) no-repeat left;
}
 
.icopdf {
  padding-left: 16px;
  background: url(http://djibril.developpez.com/images/new-design/icopdf.png) no-repeat left;
}
 
.mailto {
  padding-left: 14px;
  background: url(http://djibril.developpez.com/images/new-design/mailto.gif) no-repeat left;
}
 
.https {
  padding-left: 14px;
  background: url(http://djibril.developpez.com/images/new-design/https.png) no-repeat left;
}
 
.ftp {
  padding-left: 14px;
  background: url(http://djibril.developpez.com/images/new-design/ftp.png) no-repeat left;
}
 
.news {
  padding-left: 16px;
  background: url(http://djibril.developpez.com/images/new-design/news.png) no-repeat left;
}
 
.simple, .http {
  padding-left: 14px;
  background: url(http://djibril.developpez.com/images/new-design/link.gif) no-repeat left;
}

.ToggleImg  { 
  cursor: pointer; 
  vertical-align: middle; 
}

h1.ToggleGecko { margin:0; }

.LigneNoteBasPage {
  clear:both;
}
.NumerotationNoteBasPage {
  float:left;
  width:50px;
  padding:5px;
  font-size:9px;
}
.ContenuUneNoteBasPage {
  float:left;
  text-align:left;
  padding:5px;
  font-size:9px;
}
div > a.lienArticle {font-size:9px;}

.signetNoteBasPage, a.noteBasPage { color: #2B536C;}

.liste1 { list-style-type: decimal; }
.listea { list-style-type: lower-alpha; }
.listeA { list-style-type: upper-alpha; }
.listei { list-style-type: lower-roman; }
.listeI { list-style-type: upper-roman; }
.listenone { list-style-type: none; }
.listedisc { list-style-type: disc; }

/* CSS FAQ */
.edito_paragraphe { text-indent: 40px; }
.CurseurPointeur { cursor: pointer;}
.droite { float: right; }
.gauche { float: left; }
.QA { margin-top: 10px; }
.DateQuestions { font-size:10px; }
.InformationDroiteTitreQA { text-align: right; }
.AuteursQA { 
  text-decoration: none;
  color: #003366;
  font-weight: bold;
  font-size: 90%;
}

.tableauQuestion, td.QA_ligne_titre, td.QA_ligne_autheur, td.QA_ligne_question  {
  border-collapse: collapse;
  border-style: solid;
  border-color: #25465B;
}

#ContenuFAQ {
  width:68%;
  vertical-align:top;  
}

#ColonneDroite {
  width:30%;
  vertical-align:top;  
}