/* Start of CMSMS style sheet 'shakeup : Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
   color: #ff3e02; 
}



a:hover {
   text-decoration: none;
   color: #000;
}
.more {
	overflow: hidden;
}
	#sidebar .more a, .more a {
		color: #787878;
	}
	.more a:hover , #sidebar .more a:hover{
		color: #ff3e02;
	}
		.more span{
			float: right;
			cursor: pointer;
		}
		
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}

.larger{
	/*font-size: 1.25em;*/
	text-transform: uppercase;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.33em;
}
.couleur {
	color: #ff3e02;
	font-weight: normal;
}
#main ol {list-style-type: none; margin: 0 0 16px!important;list-style-position: inside;}
#main ol li {margin: 0 0 16px!important;padding-left: 3px;}
#main ol li h3{padding: 8px 0 5px 32px;}
ol .item1 {
	background: url('images/step1.png') no-repeat;
}
ol .item2 {
	background: url('images/step2.png') no-repeat;
}
ol .item3 {
	background: url('images/step3.png') no-repeat;
}
ol .item4 {
	background: url('images/step4.png') no-repeat;
}
ol .item5 {
	background: url('images/step5.png') no-repeat;
}
ol .item6 {
	background: url('images/step6.png') no-repeat;
}
ol .item7 {
	background: url('images/step7.png') no-repeat;
}

#intro {background: url(images/bg-intro.jpg) no-repeat;width: 483px; height: 334px;padding: 10px 20px 20px 10px;}

#menu-accueil {overflow: hidden;width: 520px; margin: 24px auto 0;}
#menu-accueil a {display: block;width: 257px; height: 41px;text-indent: -9000em;float: left}
#menu-accueil a.formules-shakeup {background: url(images/formules_shakeup.png) no-repeat top;}
#menu-accueil a.etapes-shakeup {background: url(images/etapes_shakeup.png) no-repeat top;}
#menu-accueil a.concept-shakeup {background: url(images/concept_shakeup.png) no-repeat top;}
#menu-accueil a.methode-shakeup {background: url(images/methode_shakeup.png) no-repeat top;}
#menu-accueil a:hover {background-position: bottom;}


/*********** FORMULES **********/

#menu-formules img{float: left;}
#menu-formules a{display: block; width: 213px; height: 45px; text-indent: -9000em; float: left;}
#menu-formules a.decouvrez-methode {background: url(images/decouvrez_la_methode.png
) no-repeat top;}
#menu-formules a.votre-campagne {background: url(images/votre_campagne.png) no-repeat top;}
#menu-formules a:hover {background-position: bottom;}


.formules {background: url(images/formules-bottom.png) no-repeat bottom;width: 141px;padding-bottom: 38px;font-size: 0.8em;color: #fff; float: left}
.formules p {padding: 0 8px 0 15px;margin: 0!important;line-height: 13px!important;text-transform: uppercase;height: 150px;}
.formules a.plus-info { text-align: right;padding-right: 8px; color: #fff;display: block;margin-top: 5px;}
.formules h3 {width: 141px; height: 59px;text-indent: -9000em;}

#basics, #optimics {margin-right: 15px;}

#basics h3 {background: url(images/basics-h2.png) no-repeat; }
#optimics h3 {background: url(images/optimics-h2.png) no-repeat; }
#specifics h3 {background: url(images/specifics-h2.png) no-repeat; }

/*********** NAV PAGE **********/
#nav-page{margin-top: 40px;}
#nav-page a{display: block;float: left;text-indent: -900em;}
#nav-page a.nav-concept{background: url(images/nav_concept.png) no-repeat; width: 109px; height: 53px;}
#nav-page a.nav-formules{background: url(images/nav_formules.png) no-repeat; width: 114px; height: 53px;}
#nav-page a.nav-methode{background: url(images/nav_methode.png) no-repeat; width: 134px; height: 53px;}
#nav-page a.nav-etapes{background: url(images/nav_etapes.png) no-repeat; width: 107px; height: 53px;}
#nav-page a:hover{background-position:bottom;}

/*****************
basic layout 
*****************/
body {
   background: #fff url(images/bg-body.jpg) repeat-x top;
   color: #747474;
}


div#pagewrapper {
   margin: 0 auto;  
   width: 800px;
}


/*** sidebar ***/
div#sidebar {
   float: left;  
   width: 205px;   
   display: inline;  /* FIX ie doublemargin bug */
   background: url(images/line_v.png) no-repeat right top;
}
	div#sidebar h1 a {
	/* you can set your own image here */
	   background: url(images/logo-shakeup.png) no-repeat; 
	   display: block; 
	   width: 200px;
	   height: 185px;       
	   text-indent: -999em;  /* this hides the text */
	   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
	}
	#sidebar #minutes a{
	   background: url(images/30minutes.png) no-repeat;
	   display: block;
	   width: 200px;
	   height: 280px; 
	   text-indent: -9000em;
	}
	div#sidebar .sidebar-bloc {
	   background: url(images/line_h.png) no-repeat center top;
	   padding: 20px 19px 10px 27px;
	}
		.sidebar-bloc  h2{
		   /*font-family: din, Verdana, Arial, Helvetica, sans-serif;
		   font-weight: bold;
		   color: #787878;
		   text-transform: uppercase;
		   font-size: 1.5em;
		   display: block;
		   width: 116px;
		   height: 20px;
		   text-indent: -9000em;*/
		   text-transform: uppercase;
		}
		#newsletter-sidebar h2 {
			background: url(images/newsletter.png) no-repeat;
		}
		#news h2 {
			/*background: url(images/whatsup.png) no-repeat;*/
			margin-bottom: 10px;
			text-align: center;
		}
		div#sidebar #newsletter-sidebar h3 {
			font-size: 0.83em;
			font-weight: 500;
			margin: 8px 0 0;
		}
		div#sidebar #newsletter-sidebar h3, #newsletter-sidebar h3 a {
			color: #ff3e02;
		}
		#newsletter-sidebar h3 a:hover {
			color: #000;
		}
		.sidebar-bloc div.more, .sidebar-bloc p, .sidebar-bloc div.NewsSummaryLink, .sidebar-bloc div.NewsSummarySummary, .sidebar-bloc div.NewsSummaryPostdate {
			font-size: 0.83em;
		}
/*** header ***/
div#header {
	height: 75px; /* adjust according your image size */
	margin-left: 225px;
}



div#content {
   /* margin: 33px 0 0 225px; some air above and under menu and content */
}

div#main {
	margin: 33px 0 0 25px;
	width: 515px;
	float: left
}




div#footer {
   clear:both;    
	margin: 50px 0 0;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
	color: #747474;
}
div#footer p a:hover {
	color: #ff3e02;
}
div#footer p#rainbow {
	text-align: right;
	font-size: 1.17em;
	padding: 8px 0;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {
	/*overflow: hidden;*/
}

/* HEADINGS */
div#main h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#main h2#titre {
   /*color: #000; 
   font-size: 3em; 
   text-align: left; */
/* some air around the text */
   padding-bottom: 1px;
   line-height: 3em;
/* and some air under the border */
   /*font-family: din, Verdana, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   line-height: 1em;*/
   width: 525px;
   margin: 0 0 15px 0;
}
div#main h2#soustitre {

   margin: 0 0 28px;
}

div#main h3 {
   color: #ff3e02; 
   font-size: 1.3em;
   line-height: 15px;
   margin: 0 0 0.5em 0;
   font-family: din, Verdana, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
}
div.formules h3 {
  font-weight: normal!important;
}
div.formules h3 strong{
  font-weight: bold;
  display: block;
}
div#main h4 {
   color: #ff3e02; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   text-transform: uppercase;
}
div#main h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
   padding-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}
div#main ul li {
	margin: 0 0 0.25em;
	padding: 0 0 0 1em;
   background: url(images/puce.png) no-repeat left 5px;
   list-style-type: none;
}
div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/***** PAGE CONTACT ****/
#contact-colonne1, #contact-colonne2 {
	color: #ff3e02;
	font-size: 0.92em;
	font-weight: bold;
	padding: 20px 0;
}
#contact-colonne1 span, #contact-colonne2 span{
	font-size: 1.27em;
}
#contact-colonne2 {
	margin-left: 125px;
}
#adresse {
	font-size: 0.83em;
}

/***** PAGE REALISATIONS ****/
.category_item {margin: 0 0 15px;}
.image_item {width: 150px;}
.texte_item {float: left;width:270px!important; width:290px}
.clearBoth {clear: both}
#main h3.biger {margin-top: 20px;padding-bottom: 5px;border-bottom:1px solid #e9e9e9}

#news ul li {list-style: none;}
#news h4 {text-align: center;margin: 0 0 10px; font-size:1em; color:#747474; font-weight: normal}
#news h4 a { color:#747474}
#news h4 a:hover {color:#FF3E02}
#news .image_item {text-align: center}
/* End of 'shakeup : Top menu + 2 columns' */