/* RESET STYLE HTML 5 */
div#responsivearmor, div#responsivearmor table { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:Arial, Helvetica, sans-serif;  }  
/* HTML5 display-role reset for older browsers */  
div#responsivearmor { display: block; } div#responsivearmor { line-height: 1; } div#responsivearmor ol, div#responsivearmor ul { list-style: none; } div#responsivearmor blockquote, div#responsivearmor q { quotes: none; } div#responsivearmor blockquote:before, div#responsivearmor blockquote:after, div#responsivearmor q:before, div#responsivearmor q:after { content: ''; content: none; } div#responsivearmor table { border-collapse: collapse; border-spacing: 0; }

/* CALL TYPO DIN *****  font-family:'dinbold';  *****/
@font-face { font-family: 'dinbold'; src: url('ff_din_bold-webfont.eot'); src: url('ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('ff_din_bold-webfont.woff') format('woff'), url('ff_din_bold-webfont.ttf') format('truetype'), url('ff_din_bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; }

/* SKELETON CONSEIL */
body { background-color:#ffffff; background-image:url('../gifs/fdsite-homepage.jpg'); background-position:top; background-repeat:no-repeat; background-attachment:scroll; }
div#maincontainer, div#main-content-container { background:none !important; }
div#responsivearmor { display:block; width:100%; }
div#header-conseil {  background:transparent; }

/* TITLE CONSEIL */
div#responsivearmor h1 { font-family:'Dinbold', Arial, sans-serif; text-transform:uppercase; color:#000; display:block; text-align:center; font-size:60px; margin:0; padding:20px 0 92px; letter-spacing:-1.5px; }
div#responsivearmor h2 { font-family:'Dinbold', Arial, sans-serif; text-transform:uppercase; color:#000; display:block; text-align:left; font-size:23px; margin:0; padding:0 0 20px; letter-spacing:-1px; }
div#responsivearmor h1 font, div#responsivearmor h2 font { color:#0083c1; }

/* CORPS CONSEIL */
div#corps-conseil { display:block; padding:20px; background:#ffffff; overflow:hidden; position:relative; }
#corps-conseil a { width:21%; float:left; font-family:'Dinbold', Arial, sans-serif; text-transform:uppercase; color:#000; font-size:14px; display:block; text-align:left; text-decoration:none; border-bottom:1px solid #e5e5e5; height:44px; line-height:44px; padding:0 1%; margin:0 2% 0 0; position:relative; }
.targetborder a:nth-child(-n+4) { border-top:1px solid #e5e5e5; }
#corps-conseil a:hover { background-color:#f2f2f2; }

/* PICTO CONSEIL */
#basketball:after {  width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -2px no-repeat; }
#bateau:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -62px no-repeat; }
#boxe:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -122px no-repeat; }
#equitation:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -182px no-repeat; }
#fitness:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -242px no-repeat; }
#football:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -302px no-repeat; }
#golf:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -362px no-repeat; }
#gym:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -422px no-repeat; }
#handball:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -482px no-repeat; }
#judo:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -542px no-repeat; }
#karate:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1262px no-repeat; }
#marche:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -662px no-repeat; }
#patin:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -722px no-repeat; }
#petanque:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -782px no-repeat; }
#plongee:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -842px no-repeat; }
#rando-aqua:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -902px no-repeat; }
#raquette:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -962px no-repeat; }
#roller:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1022px no-repeat; }
#rugby:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1082px no-repeat; }
#running:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1622px no-repeat; }
#skateboard:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1142px no-repeat; }
#snowboard:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1562px no-repeat; }
#sport-eau:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1202px no-repeat; }
#taekwondo:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -602px no-repeat; }
#tir:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1322px no-repeat; }
#trottinette:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1382px no-repeat; }
#velo:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1442px no-repeat; }
#volleyball:after { width:44px; height:44px; content:''; position:absolute; top:50%; margin-top:-17px; right:0; z-index:1; background:url('../gifs/lespictos.png') -2px -1502px no-repeat; }

#corps-conseil a:after { display:none }
#corps-conseil a:hover:after { display:block }

@media(max-width:1024px){
	body { background-image:none; background-color:inherit; }
	div#header-conseil { background:#0083c1; }
	div#responsivearmor h1, div#responsivearmor h1 font { color:#ffffff; font-size:45px; padding:20px 0; }
}

@media(max-width:728px){
	#corps-conseil a { width:46% }
	.targetborder a:nth-child(3) { border-top:none }
	.targetborder a:nth-child(4) { border-top:none }
}

@media(max-width:660px){
	div#responsivearmor { background:#0083c1; overflow:hidden; padding:0 0 10px; }
	div#responsivearmor h1, div#responsivearmor h1 font { font-size:25px; }
	div#responsivearmor h2 { font-size:18px; }
	#corps-conseil a { width:98%; margin:0; }
	div#corps-conseil { margin:0 10px 0; box-shadow:0 0 2px #555; }
	.targetborder a:nth-child(2) { border-top:none }
	.targetborder a:nth-child(1) { border-top:1px solid #e5e5e5; }
}