/****************************************************/ /*** GENERAL ***********************************/ /****************************************************/ body {background-color:#777777; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}/* ici est defini la couleur du background et le texte du site par defaut du site web*/ body {background-image:url('images/fond.gif');} a:link, a:visited { color:#000000; text-decoration:none;}/*veut de dire de ne pas souligner les liens*/ a:hover {color:#0D4500; text-decoration:none;} /* veut dire de ne pas changer la couleur du lien une fois cliqué*/ /****************************************************/ /*** SIDEBAR ****************************************/ /****************************************************/ /*Les dimensions de ton sidebar avec l'image de bordure et le background bordure*/ div#sidebar {border: 1px solid; border-color: #FF5B2B; margin: 0 10px 30px 0; padding: 0; width: 306px; float: right; background: transparent url('images/bg-post.gif') left top repeat-x;} div#sidebar2 {border: 1px solid; border-color: #FF5B2B; margin: 0 10px 30px 0; padding: 0; width: 306px; float: right; background: transparent url('images/bg-post.gif') left top repeat-x;} #sidebar-top{background-image:url(images/sidebar-top.png); background-repeat:no-repeat; height:14px;} #sidebar-bottom{background-image:url(images/sidebar-bottom.png); background-repeat:no-repeat; height:14px;} #TO-Newsletter{width:300px; height:75px; margin : 5px 0 10px 3px; background-image:url(images/attente.jpg); background-repeat:no-repeat;} #TO-Fil-Info{width:300px; margin : 5px 0 10px 3px; } #TO-Fil-Info-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; background-color:#0D4500; width:300px; height:15px; text-indent:30px;} #TO-Fil-Info-Contenu{} a.lien-sidebar, a.lien-sidebar:visited, a.lien-sidebar:active{font-weight:0; color:#000;} a.lien-sidebar:hover{color:#0D4500;} /*a.lien-sidebar{font-weight:bold; color:#EA8400;} a.lien-sidebar:hover{color:#0D4500;}*/ h3.sidebar{color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px;} #TO-Pub-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; background-color:#0D4500; width:300px; height:15px; text-indent:30px; margin : 5px 0 0 3px;} #TO-Pub-300x250{width:300px; height:250px; margin : 5px 0 10px 3px;} #TO-Fil-Commentaires{width:300px; margin : 5px 0 10px 3px;} #TO-Fil-Commentaires-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; background-color:#0D4500; width:300px; height:15px; text-indent:30px;} #TO-Fil-Commentaires-Contenu{} #TO-Facebook{width:300px; height:75px; margin : 5px 0 10px 3px; background-image:url(images/facebook.png); background-repeat:no-repeat;} #TO-Nuage-tags{width:300px; margin-bottom:10px; margin : 5px 0 10px 3px;} #TO-Nuage-tags-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; background-color:#0D4500; width:300px; height:15px; text-indent:30px;} #TO-Nuage-tags-Contenu{margin-top:10px;} #TO-communaute{float:left; height:75px; margin : 0 0 10px 5px;} #TO-Header-recherche{margin : 0 50px 0 3px; height: 38px; width:300px;} #TO-Header-formulaire{background: transparent url('images/input-search.png') center top no-repeat; margin:0; height:38px; padding: 4px 0 0 25px;} #TO-Header-formulaire input{width:180px; border:0px;} #TO-video-300x250{width:300px; height:250px; margin : 5px 0 10px 3px;} /****************************************************/ /*********** HEADER**********************************/ /****************************************************/ #TO-header{} #TO-header-titre{margin-top:15px; height:110px; background-image:url(images/balles.png); background-repeat:no-repeat;} h1.h1-logo{color:#FFFFFF; font-size:0px; font-weight:bold; font-family:"Georgia", Times, serif; margin: 0; padding: 0;} .header-baseline{color:#000000; font-weight:bold;} #TO-Fil-Ariane{height:10px; margin-bottom:5px;} a.lien-ariane{color:#FFFFFF; font-weight:bold;} a.lien-ariane:hover{color:#EA8400;} /****************************************************/ /*********** MENU************************************/ /****************************************************/ #TO-Header-Menu{background: transparent url('images/bg-navmenusearch.png') left top no-repeat; height:30px;} #TO-Header-Categories{} div#TO-Header-Menu ul { display: block; list-style-type: none; margin: 0 0 0 20px; padding: 0; float: left; height: 30px; } div#TO-Header-Menu ul li { float: left; height: 30px; } div#TO-Header-Menu ul li a, div#TO-Header-Menu ul li a:visited { display: block; margin: 0; padding: 0 10px 0 10px; height: 30px; line-height: 30px; font-size: 11px; text-transform: uppercase; font-weight: normal; background-image:url(images/menu-enfonce.png); background-repeat:repeat-x; font-weight:bold; } div#TO-Header-Menu ul li a:hover, div#TO-Header-Menu ul li a:focus { color: #fff; background: transparent url('images/bg-navmenu-item-over.png') left top repeat-x; } div#TO-Header-Menu ul div#TO-Header-Menu ul { color: #fff; background: transparent url('images/bg-navmenu-item-over.png') left top repeat-x; } #nav2 { background:#777; font-size:1.1em; } #nav2, #nav2 ul { list-style: none; line-height: 1; } #nav2 a ,#nav2 a:hover{ display: block; text-decoration: none; border:none; } #nav2 li { float: left; list-style:none; border-right:1px solid #a9a9a9; } #nav2 a,#nav2 a:visited { display:block; font-weight:bold; color: #f5f5f4; padding:6px 12px; } #nav2 a:hover, #nav2 a:active { background:#000; text-decoration:none } /* Dropdown Menu */ #nav2 li ul { position: absolute; left: -999em; height: auto; width: 174px; border-bottom: 1px solid #a9a9a9; } #nav2 li li { width: 172px; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; background: #777; } #nav2 li li a,#nav2 li li a:visited{ font-weight:normal; font-size:0.9em; color:#FFF; } #nav2 li li a:hover,#nav2 li li a:active{ background:#000; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul{ left: auto; } a.main:hover{ background:none; } /****************************************************/ /*********** HOME ***********************************/ /****************************************************/ #wrapper { padding: 20px 0 0 0; } #content { margin: 0 0 0 0px; width: 700px; float: left; } .post { margin: 0 0 0px 10px; padding: 0; border-top: 1px solid; border-top-color: #FFFFFF; background: transparent url('images/bg-post2.gif') left top repeat-x; } .post2{ margin: 0 0 0px 10px; padding: 0 0 10px 0; border-top: 1px solid; float:left; margin-left:10px; margin-top:0px; text-align: center; width:215px; height:230px; overflow:hidden; border-top-color: #006400; background: transparent url('images/bg-post2.gif') left top repeat-x; } #TO-Home-Bas{width:700px; margin-top:25px; margin-bottom:10px;} #TO-Home-Bas-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; height:15px; text-indent:30px;} #TO-Home-Bas-Top{width:300px; float:left; padding: 0 10px 20px 10px;} #TO-Home-Bas-Edito{width:380px; float:left;} #TO-Home-Principal{} #TO-Home-Autres{} #TO-Home-Bas-Edito-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; height:15px; text-indent:30px;} #TO-Home-Principal-Entete{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; height:15px; text-indent:30px;} h2.home-entete{color:#000; font-weight:bold; text-transform:uppercase; font-size:12px;} h3.h3-accueil-autre{color:#000000; font-weight:bold; font-size:13px;} h2.h2-accueil-princ{color:#000000; font-weight:bold; font-size:15px;} #TO-Home-Principal-Autre{background-image:url(images/carre-orange.jpg); background-repeat:no-repeat; height:15px; text-indent:30px;} /****************************************************/ /*********** FOOTER *********************************/ /****************************************************/ div#TO-footer-wrapper {padding: 5px 20px 5px 20px; margin-bottom:20px;} div#TO-footer a, div#TO-footer a:visited { color: #CCCCCC; text-decoration:none; font-size:10px;} div#TO-footer a:hover { color:#FF6600; } div#TO-footer { margin: 0 0 10px 0; border-top: 1px solid; border-top-color: #0D4500; } div#TO-footer div.footer-end-box { height: 6px; } div#TO-footer-wrapper p { display: block; margin: 0; padding: 0; text-align: center; } a.footer {color:#CCCCCC; text-decoration:none; font-weight:bold; font-size:10px; } a.footer:hover {color:#FF6600; } /***********************************************/ /************RECHERCHE**************************/ /***********************************************/ h2.pagetitle{color:#000; font-weight:bold; font-size:14px; margin:0; padding:0;} /***********************************************/ /************ARTICLE****************************/ /***********************************************/ .post3 { margin: 0 0 10px 10px; padding: 0; border: 1px solid; border-color: #000000; background: transparent url('images/bg-post.gif') left top repeat-x; font-size:12px; } h2.TO-Article-Titre{color:#000; font-weight:bold; font-size:18px; margin:5px 0 5px 0; padding:0;} /***********************************************/ /************COMMENTAIRES***********************/ /***********************************************/ .Comments{} .comment{background: transparent url('images/bg-post.jpg') left top repeat-x; margin-bottom:5px; padding: 5px 10px 2px 10px;} .textHighlight{ margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; background-color:#CCF; border:1px dotted; border-color:#7F5F55; } .blockquote { font: italic 13px/22px Georgia, Serif; padding: 8px 10px; display: block; margin-bottom: 10px; background: #EAF0F4; -moz-border-radius: 8px; border: 1px dashed #CED8E0; } .blockquote p { margin-bottom: 3px !important; } .body { font: 12px/1 "Trebuchet MS", Helvetica, Arial, sans-serif; color: #333; } /************************************************/ /****ANCIEN CSS********************************/ /************************************************/ html, body, div { margin: 0; padding: 0; } form { display: block; margin: 0; padding: 0; } .clearer { clear: both; } .hidden { visibility: hidden; } .nodisplay { display: none; } div#container { margin: 0 auto; padding: 0; width: 1028px} div#wrapper { background: #f8f8f8 url('images/bg-wrapper.gif') left top repeat-x; } div#title { height: 104px; } div#sitename { margin: 0; padding: 0; float: left; width: 400px; height: 104px; background-image:url(images/balles.png); background-repeat:no-repeat; text-indent:70px; } div#sitename p { display: none; } div#myads { margin: 14px 27px 0 0; padding: 9px; border: 1px solid; float: right; } div#myads p { display: block; margin: 0; padding: 0; } div#myads p a img { border: 0 none; } ol.commentlist { display: block; margin: 0; list-style-type: none; padding: 20px 0 0 0; } .img {float: left; margin-bottom:4; margin-left:4; padding: 0; margin-right:10px; text-align:justify}/* rien a sai*/ .miseEnAvant{background-color:#CCC; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:20px; background-color:#CCF; border-color:#2A3F00; border:1px thin; word-spacing:8px; font-style:italic; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-topleft: 20px; line-height:1.7; } /* saisir le code:

a chaque que tu veux faire une mise en avant*/