*/ color: #000666; line-height: 2em; /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */ padding: 0px 0px; /* you can set your own image here */ background: inherit; } /* krid : n'est pas appelée dans mes gabarits perso */ div#sidebar { /* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */ float: left; /* sidebar width, if you change this change div.back and/or div.back1 margins */ width: 26%; /* FIX IE double margin bug */ display: inline; /* the 20px is on the bottom, insures space above footer if longer than content */ margin: 0px 0px 20px; padding: 0px; /* you can set your own image here */ background: inherit; } div#sidebarb { padding: 10px 15px 10px 20px; /* this one is for sidebar with content and no menu */ background: inherit; } div#sidebarb div#news { /* less margin surrounding the news, sidebarb has enough */ margin: 2em 0 1em 0em; } div#sidebara { padding: 10px 15px 15px 0px; /* this one is for sidebar with menu and no content */ background: inherit; } div.footback { /* keep footer below content and menu */ clear: both; /* this sets 10px on right to let the right image show, the balance 10px left on next div */ padding: 0px 10px 0px 0px; /* you can set your own image here */ background: inherit; } div#footer { /* this sets 10px on left to balance 10px right on last div */ padding: 0px 0px 0px 10px; /* color of text, the link color is set below */ color: #000666; /*#595959;>>>><<<< couleur de footer*/ /* you can set your own image here */ background: inherit; } div.leftfoot { float: left; width: 30%; margin-left: 20px } div#footer p { /* sets different font size from default */ font-size: 1.2em; /* some air for footer */ padding: 0.0em; /* centered text */ text-align: center; margin: 0; } div#footer p a { /* footer link would be same color as default we want it same as footer text */ color: #000666; /*#595959;>>>><<<< couleur de footer*/ } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 2px; /*modif krid : 1 dans version initiale*/ padding: 1em; border-bottom: 1px dotted black; margin: 1em; color: #000666; /*modif krid : couleur non indiquée dans version initiale * width: 90%; /* possibilité de mettre un % à largeur / modif krid 9dec2018*/ } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 70%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 2em; line-height: 1em; margin: 0; } div#content h2 { color: #ffff00; /*#294B5F; couleur police de titre de page, #A52A00 : couleur rouge CCB*/ /* font size for h2 the higher the h number the smaller the font size, most times */ font-size: 2.0em; text-align: left; /* some air around the text */ padding-left: 0.0em; padding-bottom: 1px; /* set borders around header */ border-bottom: 0px solid #899092; border-left: 1.1em solid transparent; /*#899092; le carré à gauche du titre page*/ /* a larder than h1 line height */ line-height: 1.5em; /* and some air under the border */ margin: 0 0 0.5em 0; } div#content h3 { color: #fff000; /*>>>>>>>>>>>>>>>#294B5F; couleur résultat search*/ font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { /* default p font size, this is set different in some other divs */ font-size: 1.0em; /* modif krid : couleur standard du texte, utile surtout sur gabarit EditPage 000666 : bleu foncé*/ color: #000666; /* some air around p elements . modif krid : hauteur de ligne pour paragraphe page tinyMCE passe de 1.4 à 2.4em*/ margin: 0 0 1.5em 0; line-height: 2.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in

 tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
/* modif krid : couleur et hauteur de ligne (donc interligne) des puces et numérotation */
div#main dl {
	font-size: 1.0em;
	line-height: 2.4em;
	margin: 0 0 1.5em 0;
	color: #000666;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */
/* cmsms stylesheet: krid-CSStop2col-navigation modified: 04/12/2018 23:37:43 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	background: url(/lesfillesduciel/perso/fichperso/menu-out.gif); /*#243135;*/
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	border-top: 0px solid #3F565C;
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 0px;
/* keeps the first menu item off the left side */
	padding-left: 0px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border >>>>>>>>>>>>>les bords du menu déroulant*/
	border-top: 0px solid #C8D3D7;
	border-right: 1px solid #ffff00;                              /*C8D3D7*/
	border-bottom: 0px solid #ffff00;                                /*ADC0C7;*/
	border-left: 1px solid #ffff00;                                 /*A5B9C0*/
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 250px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: 0px;                               /* au départ -1 Le margin du haut de menu déroulant*/
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1.2em;               /*>>>>>>> taille de la police menu horizonta et déroulant*/
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: #fff;            /* couleur police sur menu mouse out */
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 15px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #FFF;
}
ul#primary-nav li a.menuactive {
	color: #ffff00;                           /*couleur police menu case active en mouse out*/
/* bold to set it off from non active */
	font-weight: normal;
/* set your image here */
	background:  url(/lesfillesduciel/perso/fichperso/menu-act.gif) repeat-x left center;
}
ul#primary-nav li a.menuactive:hover {
	color: #ffff00;       /*couleur police menu case active en mouse hover*/   
/* keep it the same */
	font-weight: normal;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(/lesfillesduciel/perso/fichperso/parent-gab2d.png) no-repeat 98% center;
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(uploads/ngrey/parent.gif) no-repeat 98% center;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here >>>>>>>>>>>> 6 3 6 15 au départ*/
	padding: 8px 3px 8px 5px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #ffff00;                   /*>>>>>>>>>>>>>>>><<<<<<<<<<<<<>>>>>>>><<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>bord menu déroulant*/
	border-bottom: 0px solid #374B51;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.90;/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<< % de transparence 0.95 au départ */
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	background: url(/lesfillesduciel/perso/fichperso/menu-hover.gif) repeat-x left center;
	color: #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}