@charset "utf-8";

/* ------ TYPOS ---------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 29, 2014 */

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/open_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/open_sans_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/open_sans_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/open_sans_700italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ---- RESET MEYER ------------*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}




/*--- raccourcis ---*/

/*
.fontweightbold { font-family: latobold }
*/
.textaligncenter {text-align:center}
.clearboth { clear:both }
/*
.hoverunderline { text-decoration:none }
.hoverunderline:hover { text-decoration:underline }
.displaynone {display:none}
*/
/* --- template --- */


i, em {
    font-family:"open_sansitalic";
}


b, strong {
    font-family:"open_sansbold";
}

a {
    color:inherit;
    text-decoration: none;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

a:hover {
    text-decoration:underline
}

a.no_underline:hover {
    text-decoration:none
}

.wrap {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

.bandeau {
    background-color:#f8f
}

body {
    background-color: #fff;
    font-family: "open_sansregular", sans-serif;
    font-size: 14px;
    line-height:22px;
}

.conteneur_lien_contact {
    text-align:center;
    margin:30px 0
}


/* --- HEADER --- */

body > header {
	height: 560px;
	background: transparent url(img/bg-head.jpg) left bottom no-repeat;
	margin-bottom: 65px;
	background-size: cover; 
}

body > header .h1 {
	height: 80px;
	width: 100%;
	display: block;
	padding-top: 30px;
	text-align: center;
	background-color: #fff;
}

body > header #rond1 {
	display: block;
	background: transparent url(img/rond1.png) center bottom no-repeat;
	width: 100%;
	height: 30px;
	margin-top: -1px;
}

body > header #rond2 {
	display: block;
	background: transparent url(img/rond2.png) center bottom no-repeat;
	width: 100%;
	height: 30px;
	margin-top: 423px;
}


/* ///// CONTENT ////// */

section h1,
section h2 {
	font-family: 'open_sansbold';
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	line-height: 17px;
	margin-bottom: 20px;
	text-align: center;
}

.txt {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;    
    margin-bottom:40px;
    text-align: justify;
}

.gris {
	background-color: #eee;
	padding: 20px 0;
	margin-bottom: 15px;
}


#main > .wrap:first-child h1 {
	margin-bottom: 50px;
}

#main .questions {
	background: transparent url(img/pic-question.png) top center no-repeat;
	padding-top: 60px;
}

#main .questions li {
	text-align: center;
	margin-bottom: 10px;
	color: #0080c8;
}

.gris + p {
	margin-bottom: 30px;
}

/* ////// */


div.diptyque {
    height:200px;    
    margin-bottom:20px
}

div.diptyque div.ck {   
    width:680px;
    height:100%;
    overflow:hidden;
    display:table;
    vertical-align: middle;
}
div.diptyque.gauche div.ck {   
    padding-left:30px
}
div.diptyque.droit div.ck {   
    padding-right:30px
}
div.diptyque:hover div.ck {
    background:#0080c8 url(img/fleche-dr-indus.png) left center no-repeat;
    color:#fff;
}
div.diptyque.droit:hover div.ck {
    background-image:url(img/fleche-ga-indus.png);
    background-position:right center;
}
div.diptyque.droit div.ck {
    text-align:right;    
}
div.diptyque div.ck > div {   
    display:table-cell;
    vertical-align: middle;
}

div.diptyque h2 {
    float:left;
    background:#eee url() center top no-repeat;
    width:320px;
    text-transform:uppercase;
    color:#0080c8;
    padding-top:120px;
    text-align:center;
    height:100%;
    
    
    
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    
    
}
div.diptyque.droit h2 {
    float:right;
}
div.diptyque:hover h2 {
    background-position:center bottom;
    color:#fff;
}

div#performance.diptyque h2 {
    background-image: url(img/pic-performance.png);
}
div#investissement.diptyque h2 {
    background-image: url(img/pic-investissement.png);
}
div#sourcing.diptyque h2 {
    background-image: url(img/pic-sourcing.png);
}
div#supplychain.diptyque h2 {
    background-image: url(img/pic-supplychain.png);
}

div.diptyque:hover h2 {
    background-color:#76b82a;
}


/* /////// */

.bouton {
    background-color:#0080c8;
    color:#fff;
    text-transform:uppercase;
    height:45px;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    display: inline-block;
    padding: 12px 10px;
    box-shadow: 0px 5px 0px #003d5f;
}

.bouton:hover {
	text-decoration: none;
	 box-shadow: none;
	 background-color: #005f95;
	 box-shadow: 0px 5px 0px #00263c;
}


/* --- FOOTER --- */

footer {
    margin-top:30px;
    background-color:#005280;
    height:100px;
    color:#fff;
    padding-top:20px
}
footer a {
    color:inherit;    
}
footer a:hover {
    color:#0080c8;
    text-decoration:none
}

footer p.nth1 {
    width:300px;
    float:left;
    text-align:left;
    padding-top:20px
}
footer p.nth2 {
    width:400px;
    float:left;
    text-align:center;
    padding-top:10px
}
footer p.nth3 {
    width:300px;
    float:left;
    text-align:right;
    padding-top:20px;
    text-transform:uppercase        
}



#footer_bandeau {
    background-color:#005280;
    height:210px;
    color:#fff
}
footer #coordonnees {
    width:300px;
    background-color:fuchsia;
    float:left;
    text-align:center;
    background:transparent url(img/pic-mail.png) center top no-repeat;
    padding-top:45px;
    margin-top:50px;
}
footer figure {
    display:block;
    margin:80px auto 0;
    float:left;
    text-align:center;
    width:400px;
}
footer form {
    margin-top:30px;
    width:300px;
    float:left;
}
footer form p {
    height:30px;
    padding-left:50px;
    width:160px;
    margin:0 auto 20px;
    padding-top:5px;
    background:transparent url(img/newsletter.png) left top no-repeat;    
}
footer form input,
footer form button {
    width:300px;
    margin-bottom:10px
}
#postfooter {
    height:50px;
    font-size:12px;
    padding-top:20px
}
#postfooter p {
    float:left;
    width:50%
}
#postfooter p + p {
    text-align:right;
    text-transform:uppercase
}

/* ------------- */
/* --- INDEX --- */
/* ------------- */

body#index #presentation div.nth1 {
    background:transparent url(img/runner.png) left top no-repeat;
    min-height:120px;
    padding-left:150px;
    /*outline:1px solid red; */
    margin-bottom:20px
}
/*@CK accueilEntete > texte */ p.ck_accueil_entete_texte {
    font-style:italic;
    text-align:justify;
}

body#index #presentation div.nth2 {
    text-align:justify;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;    
    margin-bottom:20px

}
/*@CK accueilContribution > titre */ div.ck_accueil_contribution_titre {
    font-family:open_sansbold;
    font-size:15px;
}
/*@CK accueilContribution > texte */ p.ck_accueil_contribution_texte {
    font-size:14px;
    line-height:20px;    
}

/* --- Index > Bandeau --- */

body#index .bandeau {
    margin-bottom:20px;
}    

body#index .bandeau ul {
    height:210px;
    padding-top:20px;
    text-transform:uppercase;
    text-align:center;
    color:#0080c8
}


body#index .bandeau li {
    display:block;
    float:left;
    width:33%;
    padding:90px 50px 0;
}
body#index .bandeau li.nth1 {
    background:transparent url(img/credo1.png) center top no-repeat;
}
body#index .bandeau li.nth2 {
    background:transparent url(img/credo2.png) center top no-repeat;
}
body#index .bandeau li.nth3 {
    background:transparent url(img/credo3.png) center top no-repeat;
}





/*@CK accueilContact > texte */ p.ck_accueil_contact_texte {
    text-align:center
}

body#index div.contact div.nth1 {
    float:left;
    width:600px;
    text-align:center;
}
body#index div.contact div.nth1 .ck {
    margin-bottom:10px;
    /*    outline:1px solid #0f0;*/
    padding:0 100px;
    min-height:150px
}
body#index div.contact div.nth1 .ck a {
    color:#0080c8
}
body#index div.contact div.nth2 {
    float:left;
    width:400px;
    height:240px;
    padding-top:160px;
    text-align:center;
    background:transparent url(img/capaces-interview.jpg) center top no-repeat;
}

/* -------------------- */
/* --- PRESENTATION --- */
/* -------------------- */


body#presentation h2 {
    text-transform:uppercase;
    font-family: 'open_sansbold';
    padding-top:10px;
    margin-bottom:10px
}


body#presentation #convictions div.nth1 {
    float:left;
    width:680px;
    margin-right:20px
}
body#presentation #convictions div.nth2 {
    float:left;
    width:300px;
    background:pink url(img/capaces-interview.jpg) center top no-repeat;
    height:200px;
    padding-top:160px;
}


/* --- PRESENTATION > METHODES --- */

body#presentation #methodes div.ck {
    text-align:justify;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;    
    margin-bottom:20px
}
body#presentation #methodes div.ck p {
    margin-bottom:15px
}

body#presentation #methodes {
    margin-bottom:20px
}

body#presentation #methodes div.bandeau {
    margin-bottom:30px
}
body#presentation #methodes ul {
    background:transparent url(img/pic-methode.png) center top no-repeat;
    height:150px;
    padding-top:120px;
    text-align:center;
    text-transform:uppercase;
    color:#0080c8;
    height:200px
}

body#presentation #methodes li {
    outline:1px solid red;    
    float:left;
    width:200px;
    padding:0 20px
}



/* --- PRESENTATION > IMPASSES --- */


body#presentation #impasses div.ck {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;    

    margin-bottom:20px
}


/*@CK presentationImpasses > ligne */ p.ck_presentation_impasse {
    background:transparent url(http://www.primadecision.com/img/pic-impasse.png) left top no-repeat;
    padding-top:2px;
    padding-left:31px;
    page-break-inside: avoid;
    min-height:25px;
    margin-bottom:15px
}

/*@CK presentationImpasses > gras */ strong.ck_presentation_impasse {
    color:#faf;
    font-family:"open_sansbold"
}

/* --- PRESENTATION > idées fausses --- */






/* --------------------- */

section#bas > p {
    font-family:open_sansitalic;
    float:left;
    margin-right:10px;
    width:620px;
  /*  outline:1px solid orange;*/
    text-align:right
}
section#bas > p + div {
    background:transparent url(img/fleche.png) 0 90px no-repeat;
    float:left;
    width:370px;
    height:150px;
    /*outline:1px solid red;*/
    margin:0;
    padding-top:15px;
    padding-left:50px;
}
section#bas > p + div a {
    height:65px;
    width:320px
}